Att göra en Google Chrome förlängning för Twitter (4 / 7 steg)
Steg 4: HTML-fil
Jag hade en gammal skript som tillåter användare att visa deras Twitter inlägg eller Visa dem för andra. Jag beslutade att använda det samma manuset till tillåta förbrukaren till se min inte så nyligen Twitter inlägg.
Att göra HTML-filen
1) öppna Dreamweaver eller Notepad och kopiera klistra in eller skriv in följande kod:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >
< title > Twitinside för Chrome < / title >
< script type = "text/javascript" src = "http://ajax.googleapis.com/
Ajax/libs/jQuery/1.5/jQuery.min.js">< / script >
< script type = "application/javascript" >
$("div.contentToChange p.firstparagraph:hidden").slideDown("slow");
$("div.contentToChange p.firstparagraph:visible").slideUp("slow");
< / script >
< style >
kropp
{
bredd: 300px;
font-family: Arial;
font-size: 12px;
}
en
{
färg: #33ccff;
}
en: hover
{
Color: #000000;
text-decoration: none;
}
H2
{
font-style: kursiv;
färg: #33ccff;
}
< / stil >
< / head >
< body >
< en href = "http://www.twitter.com/yourtwitterid " target = "_blank" title = "Följ creater av Twitinside @yourtwitterid " >
< img src="twitinside_128.png" border = "0" alt = "Följ creater av Twitinside @yourtwitterid" / >< / a >
< div stil = "marginal-rätt: 0px" >< div id = "twitter_div" >
< h2 > Twitter inuti < / h2 >
< ul-id = "twitter_update_list" >< /ul >
< ett id = "twitter-länk" style = "display: block; text-align: rättigheten," href = "http://twitter.com/yourtwitterid " >< /a >
< / div >
< script src = "http://twitter.com/javascripts/blogger.js" type = "text/javascript" >< / script >
< script src = "http://twitter.com/statuses/user_timeline/yourtwitterid .json? motringning = twitterCallback2 & amp; count = 5" type = "text/javascript" >< / script >< / div >
< / body >
< / html >
Ändra yourtwitterid till väl din Twitter-ID och greven =5 till antalet inlägg du vill visa.
Spara det som twitter.html (jag har använt twitter.html eftersom den används i manifest.json, om du ändra filnamnet i manifest.json då HTML-filen namnet som).
Det finns inte mycket att berätta om detta skript, jag fick den från någonstans och använt det här. Du kan också använda ditt manus i denna fil.