itextsharp pdf c# : Copy pdf bookmarks to another pdf control SDK system azure .net winforms console Build%20Your%20Own%20Web%20Site%20The%20Right%20Way%20Using%20HTML%20&%20CSS%203rd%20Ed36-part794

1. Head back to the Resources page.
13
2. Select
Follow Buttons
.
3. Click on the button that best fits in with your site’s design. For the dive site, it’s
the first button, indicated in Figure 8.27.
Figure 8.27. Choose the button that best suits your own website
4. Copy the HTML that appears in the pop-up panel.
5. Now go back to
index.html
and paste it just underneath the Facebook
iframe
markup, but above the Twitter section (which begins with
<script>
).
It should nestle like this:
<iframe src="http://www.facebook.com/plugins/likebox.php?➥
href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBubble-Under%➥
2F156732361048951%3Fsk%3Dwall&amp;width=200&amp;colorscheme=➥
light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;➥
height=250" scrolling="no" frameborder="0" style="border:none; 
overflow:hidden; width:200px; height:250px;" allowTransparency=➥
"true"></iframe>
<a href="http://www.twitter.com/bubbleunderclub"><img src="http://➥
twitter-badges.s3.amazonaws.com/follow_me-a.png" alt="Follow 
bubbleunderclub on Twitter"/></a>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
If you save and check the file now,it almost looks the part. Almost. There are some
styles elsewhere on the page for links that are interfering with the display of this
Twitter button, which, as Figure 8.28 shows, has a border around it. In addition,
when you hover over the link, a blue background appears.
13
http://twitter.com/about/resources
Build Your Own Website The Right Way Using HTML & CSS
324
Copy pdf bookmarks to another pdf - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
pdf bookmark editor; pdf create bookmarks
Copy pdf bookmarks to another pdf - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
create bookmarks in pdf; convert excel to pdf with bookmarks
Figure 8.28. The Twitter 
Follow
button with a border
We’re not going to change the link styles for the rest of the site, so we can simply
override these styles by adding an
id
to the link, and then making use of that
id
in
the CSS. So in
index.html
,we change the link as follows:
<a id="twitImageLink" href="http://www.twitter.com/bubbleunderclub">
<img src="http://twitter-badges.s3.amazonaws.com/follow_me-a.png" 
alt="Follow bubbleunderclub on Twitter"/>
</a>
In
style1.css
,we’re going torefer tothat image using its
id
attribute. Then we’llmake
afew tweaks, all of which I’ll explain in just a moment:
#twitImageLink img {
border:none;
display:block;
margin:15px 0;
}
Looking at the CSS selector, we’re picking an
img
that’s inside the element with the
id
of
twitImageLink
.To remove the border (which appears because it’s the default
behavior for an image inside a link), we set it to none.
Thenext two lines deserve more explanation. An image is an inlineobject, and link
styles (including
:hover
styles) often cause adverse effects. Depending on the
placement of the image, you may be able to fix these issues by setting the image to
display:block
.In addition, once you’ve set it tobe a block-level element, you can
then set margins toit. I’ve suggested a 15-pixel margin on the top and bottom here,
just to space it out a little, as the
Follow
link is sitting very close to the Facebook
and Twitter boxes above and below it.
Wecanuse ashorthandof
margin:15px 0
,which isthesame as stating
margin:15px
0 15px 0
.(The four values represent themarginsfor top, right, bottom,and left—just
refer to it in a clockwise direction. Easy!) With that in place, Figure 8.29reveals the
improved image.
325
Interacting with Social Media
C# PDF Page Replace Library: replace PDF pages in C#.net, ASP.NET
page from another PDF file. All information, data on the original page are removed, including text, images, interactive elements, such as links and bookmarks.
create pdf bookmark; creating bookmarks pdf files
VB.NET PDF Page Replace Library: replace PDF pages in C#.net, ASP.
edit, C#.NET PDF pages extract, copy, paste, C# page with another PDF page from another PDF file text, images, interactive elements, such as links and bookmarks.
add bookmark pdf; bookmarks in pdf reader
Figure 8.29. With margins added, our 
Follow
button is looking much tidier
Updating from a Twitter Client on Your Smartphone
Just as Facebook allows you to set up a way of updating your Page using your cell
phone, Twitter does too. I’ll skip the fine details on this one; the settings are self-
explanatory, as a quick glance at Figure 8.30 shows (and no, that’s not my real
number!).
Figure 8.30. Twitter’s settings for updating your Page via SMS
Once the phone is verified, you’ll be able to send a text message to Twitter, where
it automatically updates your Twitter status. So easy!
Build Your Own Website The Right Way Using HTML & CSS
326
XDoc.Excel for .NET, Comprehensive .NET Excel Imaging Features
page navigation, zooming & rotation; Outlines, bookmarks, & thumbnail Convert Excel to PDF; Convert Excel to HTML5; Extract, copy and pasty Excel pages to another
create pdf bookmarks from word; create bookmarks in pdf from excel
XDoc.PowerPoint for .NET, All Mature Features Introductions
navigation, zooming & rotation; Outlines, bookmarks, & thumbnail Convert PowerPoint to PDF; Convert PowerPoint to Extract, copy and pasty PowerPoint pages to
bookmark a pdf file; how to add a bookmark in pdf
But the Page Looks Really Messy Now!
Ah, yeah. Sorry about that. On pages where there’s a lot of content, it can be quite
common for people tothrow everythingatthepage—theproverbial“everythingbut
the kitchen sink.” On our project site, though, it’s all a bit too much for that small
space. So here’s what I’m going to suggest:
The small image of the divers will be moved into the body of the page.
The sidebar will be used just for displaying the Facebook
Like
box and a
Follow
on Twitter
link.
We’ll delete the Twitter Profile widget entirelybut, before you lament its depar-
ture, we’ll use Twitter to power the Facebook updates. Cunning.
So, let’s do to it!
1.Move the image so that it appears just above the first paragraph.
2.Give the image an
id
of
homeImage
(we’ll use that in just a moment).
3.Delete the script related to the Twitter Profile Widget, but leave the
Follow
link
and image.
4.Finally, in
style1.css
,add in some new CSS as follows:
#homeImage {
float:left;
margin:0 10px 10px 0;
}
As for the HTML, it should look like this:
<h2>Welcome to our super-dooper Scuba site</h2>
<div class="aside">
<iframe src="http://www.facebook.com/plugins/likebox.php?➥
href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBubble-Under%➥
2F156732361048951%3Fsk%3Dwall&amp;width=200&amp;colorscheme=➥
light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;➥
height=250" scrolling="no" frameborder="0" style="border:none; 
overflow:hidden; width:200px; height:250px;" allowTransparency=➥
"true"></iframe>
<a id="twitImageLink" href="http://www.twitter.com/bubbleunder➥
club">
<img src="http://twitter-badges.s3.amazonaws.com/follow_➥
me-a.png" 
327
Interacting with Social Media
alt="Follow bubbleunderclub on Twitter"/></a>
</div>
<img src="divers-circle.jpg" width="200" height="162"
alt="A circle of divers practice their skills" id="homeImage" />
<p>Glad you could drop in and share some air with us! You've 
passed your underwater navigation skills and successfully found 
your way to the start point - or in this case, our home page.
</p>
We should now have a much tidier home page, with just one Facebookand Twitter
feature each. Try resizing the window—you should see the text reflow around the
image of the divers in a circle nicely, as in Figure 8.31.
Figure 8.31. A neat web page with Facebook and Twitter links, and text that reflows
Get Twitter to Update Facebook to Update Your Site
Yes, you read right!We dropped the Twitter profile because we’re going to kill two
birds with one stone (or kill off one bird—the tweeting kind—to avoid duplicating
effort). We can setitup sothat an update toTwitter automaticallyupdates Facebook.
And because your site includes the Twitter
Like
box and most recent updates, your
site receives that update too. How easy is that?
Build Your Own Website The Right Way Using HTML & CSS
328
Thereareanumber ofwaystoupdate FacebookfromTwitter. Mypersonalpreference
is to use a Facebook app called Selective Tweets. As the name suggests, it allows
you to decide when a Tweet should be pushed to Facebook, and when it should
just go to Twitter. Here’s what you need to do:
1.Head up to the search box and look for Selective Tweets. It should be quick to
find (no need to type it all in, as Figure 8.32 demonstrates). Choose it from the
options.
Figure 8.32. Search for the Selective Tweets input
2.Click on the
Go to App
button on the Selective Tweets page that appears.
3.Enter your Twitter username and
Save
.
That’s it! You’re linked. Now, to send an update that’s published on Twitter, then
Facebook, you just need to enter a hashtag at the end of your Twitter update:
#fb
.
Hashtags are conventions for adding extra context and metadata to your tweets.
Take a look at Figure 8.33 and Figure 8.34, and you can see that of the two most
recent Twitter updates, only the top one with the
#fb
hashtag was published on
Facebook.
329
Interacting with Social Media
Figure 8.33. Only the top tweet, with the hashtag, should publish to Facebook
Figure 8.34. Success! Our update has appeared
Now go and check your project site, and you should see that the Facebook
Like
box
has ... ah, nuts. It hasn’t updated. What’s happened here? We did everything right,
right?
Well, almost. When you set up Selective Tweets, by default it’s set up to publish
to your personal profile. Itneeds another slightadjustmenttopublish toyour Page,
and here’s how:
1. Bring up the Selective Tweets App page using the search field, as in Figure 8.35.
Figure 8.35. Letting the autofill function do its stuff
Build Your Own Website The Right Way Using HTML & CSS
330
2.Select the
Your Fan Pages
tab.
3.You should see your Page here, so enter your Twitter name in the text input (as
in Figure 8.36), and then click
Grant Permission
.
Figure 8.36. Enter your Twitter name under the 
Your Fan Pages
tab
4.When asked, as per Figure 8.37, allow Facebookaccesstoyour tweets.Then click
Save changes
.
Figure 8.37. Allowing Facebook to access your Twitter feed
Now tryanother testmessage: posting on Twitter with the
#fb
hashtag. Did itappear
on your Fan Page as well as your Profile page? Good! Now check the home page of
the project site. Did the update appear here too? Excellent work!
Now the Training Wheels Are Off …
There’s been alot going on here—and I could goon for manymore pages if Iwanted
to. For example, I could show you how to:
331
Interacting with Social Media
have Facebook status updates automatically update Twitter (the reverse ofwhat
we’re currently doing)
place a simple Facebook
Like
button on the page without the status updates
showing
put a
Tweet this
prompt on any page in the project site to encourage others to
promote it
And so much more. The truth is, there’s plenty that you can do with Facebook and
Twitter if you learn about using their APIs (Application Programming Interface),
an interface implemented by a software program to enable interaction with other
software; however, this is advanced territory, and would require a good working
knowledge of a server-side programming language such as PHP.
Even without venturing into the world of APIs, there are still loads of other things
you can try with Twitter. For example, you might have spotted earlier on the
Twitter Resources page that there is also a collection of Facebook tools you can try
out—and by all means dojust that! I’ve picked a few toget you going, but you may
find some of the other tools are a better fit for you personally. And there’s only one
way to find out.
Get Smart!
Before we leave Facebook and Twitter once and for all (or at least for this chapter),
afinalsuggestion.Ifyou havea smartphone—be thatan iPhone, Android-supported
phone, or Blackberry—be sure to check out theapplications available for Facebook
and Twitter. While each site comes in a mobileversion,the native applications you
can install on your phone have unique features and capabilities. I’ll avoid picking
one out in particular, as I change my mind aboutwhich one is best all the time, es-
pecially as they update with new features. So try some out and see how you go.
Figure 8.38, Figure 8.39, and Figure 8.40 show how easy it is to do two updates on
different phone apps, using Selective Tweets. Both are published to Twitter, and
to Facebookand then ontothe siteitself in the
Like
box. And allwhileI was waiting
for a bus.
14
14
Well, I’minthe study, really ... but Icould havebeen!
Build Your Own Website The Right Way Using HTML & CSS
332
Figure 8.38. Using Selective Tweets to post from Twitter for iPhone and Tweetdeck (also on iPhone), respectively
Figure 8.39. How the Tweets appear on Facebook (thanks to Selective Tweets and use of the 
#fb
hashtag)
333
Interacting with Social Media
Documents you may be interested
Documents you may be interested