Scribd
Upload
90 views

Theme 43

The document is a lengthy HTML/CSS code for a blog template. It includes CSS styling rules for things like fonts, colors, spacing, and elements. It also includes the HTML structure for things like the sidebar, navigation menu, posts, and pagination. The overall purpose is to provide the code for a full blog template that can be used to display posts, pages and other typical blog elements in a visually appealing way.

Uploaded by

Pattie Jonas Junior
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
90 views

Theme 43

The document is a lengthy HTML/CSS code for a blog template. It includes CSS styling rules for things like fonts, colors, spacing, and elements. It also includes the HTML structure for things like the sidebar, navigation menu, posts, and pagination. The overall purpose is to provide the code for a full blog template that can be used to display posts, pages and other typical blog elements in a visually appealing way.

Uploaded by

Pattie Jonas Junior
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml" xml:lang="en" lang="en"> <head> <link href='http://fonts.googleapis.com/css?family=Dancing+Script&v1' rel='style sheet' type='text/css'> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/8sh7vfk/J9Slpb3zs/cac-champagne.cufonfonts .js" type="text/javascript"></script> <script type="text/javascript">Cufon.replace('.h1');</script> <script type="text/javascript"> //desabilita menu de opcoes ao clicar no botao direito function desabilitaMenu(e) { if (window.Event) { if (e.which == 2 || e.which == 3) return false; } else { event.cancelBubble = true event.returnValue = false; return false; } } document.oncontextmenu = desabilitaMenu; document.onmousedown = desabilitaBotaoDireito; document.onmouseup = desabilitaBotaoDireito; </script> <script type="text/javascript"> function changeNavigation(id) {document.getElementById('liuc').innerHTML=documen t.getElementById(id).innerHTML} </script> <title>{Title}</title> <link rel="shortcut icon" href="http://lh4.ggpht.com/_NZJzdRm10Y0/TTSEOKTnyFI/AA AAAAAAAE0/LQKudlRIu14/s800/gif4.gif" /> </head> <style type="text/css"> /** titulo dos posts **/ .h1 { font-size: 35px; color: #323232;font-family: 'Dancing Script', arial, seri f; text-align:center;} /** titulo das pginas internas **/ .h2 {font-size:20px;font-family: 'COURIER NEW', arial, serif;;color: #323232; !i mportant;text-decoration: none; cursor: help; margin-bottom: 2px;border-bottom:2 px dashed #da4d4d;} .h5 {background: #f7f7f7;color: #999;font-size: 11px;margin-top:1px; text-align:

left;padding:3px;letter-spacing:2px;border-radius:5px;} /** borda nas imagens **/ .borda{background:#fff; padding:2px; border:2px solid #e2b4b4;} b, strong {color: #323232; text-decoration: none; cursor: help;} s {color: #da4d4d;cursor: help;} i, em {color: #da4d4d; text-decoration: none;cursor: help;} u, underline {color: #999; text-decoration: none; border-bottom: 2px dashed #323 232;cursor: help;} a:link,a:active,a:visited { color: #da4d4d; text-decoration: none;} a:hover { color: #323232;} /**** SELECAO COLORIDA - MADLYLUV.com ****/ ::-moz-selection{background: #f8f8f8;} ::selection{background: #f8f8f8;} /** fundo do theme **/ body {background: #f1f5ef;background:url(http://static.tumblr.com/mw3v5cd/cx2lqn ksf/franmickeey.png)fixed;} blockquote {border-left: 4px dashed #e2b4b4;padding-left:7px; margin-left:3px;fo nt:11px tahoma;} .opacidade{filter:alpha(opacity=80);-moz-opacity:80.80;opacity:0.80; -webkit-tra nsition-duration: .50s;} .opacidade:hover{filter:alpha(opacity=75);-moz-opacity:100;opacity:100;} /** caixas dos posts separadas **/ .box {background: #fff;margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;marg in-bottom:15px;-webkit-box-shadow:0 0 1em #ddd;-moz-box-shadow: 0 0 2px #ddd; -w ebkit-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 5px #ddd;color: #999;} #conteudo { width: 560px; padding-bottom: 8px; margin-top:30px; color: #999; fon t: 11px tahoma; margin-bottom: 15px; margin-left: 390px; padding: 5px; float: le ft; } /** descrio **/ #sidebar {position:fixed; float: center; width:300px; left:50px; top:186px;textalign:center;color: #947d6f; font-size:11px; font-family:georgia; z-index: 100; } #caixa{color:#888; background:#fff; padding:8px; font-size: 12px; font-family: georgia;border-top-left-radius: 20px;border-top-right-radius:20px;-webkit-box-sh adow:0 0 1em #eee;-moz-box-shadow: 0 0 2px #eee; -webkit-box-shadow: 0 0 2px #ee e; box-shadow: 0 0 5px #eee;text-align:justify; z-index: 100;} /*** Paginao by madlyluv.com ***/ #paginacaoml {font-size: 11px; font-weight: bold; line-height: 21px; } #paginacaoml a {background: #f4f4f4; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none;} #paginacaoml a:hover {background: #f9f9f9; border: none;} #paginacaoml span.pagina_atual {background: #f9f9f9; margin: 0 1px 0 0; padding: 2px 4px; color: #777; text-decoration: none;} #paginacaoml span.info {background: #f4f4f4; margin: 0 1px 0 0; padding: 2px 4px ; color: #888; text-decoration: none;} /*** menu hover por marlivia.tumblr.com ***/ ul.a{margin:5px 0 5px 0;padding:1px;} ul.a li,ul{list-style:none;}

ul.a li{margin:1px 0 2px 0;font-family : verdana; border-bottom:1px solid #eee;} .ask {align:right;background:#f5f5f5;border-right: 7px solid #f5f5f5; margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-bor der-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#888 ;} .ask p {margin:1px 0px;} .ask span {display:block;position:absolute;width:1px;height:1px;font-size: 0;lin e-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom :7px solid transparent;border-right:10px solid #f5f5f5;} .res {font-family: georgia; font-size:11px; color:#888; text-align:center;} .la2 {bottom: 100px; left: 70px; width: 100px; height: 120px; position: fixed;} .cima{ background-image: url(http://static.tumblr.com/mw3v5cd/zAblqnkwr/cimafra. jpg); height:26px; position: fixed; top: 0px; left: 0; display: block; width: 10 0%;z-index:90;} .cima2{ background-image: url(http://static.tumblr.com/mw3v5cd/ao9lqnkgz/mickeyf ran.png); height:145px; position: fixed; top: 40px; left: 60; display: block; wi dth: 378px;z-index:90;} .baixo{ background-image: url(http://static.tumblr.com/mw3v5cd/zAblqnkwr/cimafra .jpg); height:10px; position: fixed; bottom: 0px; left: 0; display: block; width : 100%;z-index:90;} .nav1 {font-size: 13px; font-family:georgia; color: #eec4cb;float:left;padding: 4px; letter-spacing:1px; text-align:center; height:14px;background:#2d2d2d;wid th:92px;} .nav1:hover {color: #eec4cb;background:#e2b4b4;} input, textarea, option, select, button form {font-family: Verdana, Helvetica;fo nt-size: 10px; color: #d1c9a2;background: #ffffff;padding: 1px;border: 1px solid #d1c9a2;} .caixinhabyfran {background:#fff; -webkit-box-shadow:0 0 1em #ddd;-moz-box-shado w: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 5px #ddd; col or:#999; font-size:11px; font-family:georgia; padding:8px; float:right; margin-r ight:-70px; width:60px;text-align:center;border-radius:10px;} </style> <body> <div class="cima"></div> <div class="cima2"></div> <div class="baixo"></div> <div id="sidebar"> <div id="caixa">

<img src="http://static.tumblr.com/mw3v5cd/Ah1lpqa30/tumblr_lg7ohsercq1qbyikso1_ r4_500.jpg" align="right" class="borda"> {block:Description}{Description}{/block:Description} </div> <a href="/" class="nav1" title="Home"> <div style="COLOR: #ffffff;">Home</div></ a> <span class="nav1" onClick="changeNavigation('01')" title="About Me"><div style= "COLOR: #ffffff;">About</div></span> <span class="nav1" onClick="changeNavigation('02')" title="Tumblr"><div style="C OLOR: #ffffff;">Tumblr</div></span> <a href="/ask" class="nav1" title="Ask Me"> <div style="COLOR: #ffffff;">Ask Me< /div></a> <a href="/tagged/SUATAG" class="nav1" title="Meus textos"><div style="COLOR: #ff ffff;">Texto</div></a> <span class="nav1" onClick="changeNavigation('04')" title="Faq"><div style="COLO R: #ffffff;">Faq</div></span> </div></div></div></div> <div id="conteudo"><div id="mar"><div id="liuc"> {block:Posts} <div class="caixinhabyfran"><big><big><big><b>{DayOfMonth}</b></big></big></big> <br>{Month}</div> {block:Text} <div class="box"> <div class="h1">{block:Title}{Title}{/block:Title}</div> {Body}<br> <div class="h5"><b>Texto</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}< /a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Text} {block:Quote} <div class="box"> <div class="h1">{Quote}</div> {block:Source} {Source}{/block:Source} <div class="h5"><b>Quote</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}< /a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Quote} {block:Answer} <div class="box"> <img src="{AskerPortraitURL-40}"align="left" class="borda"width="40px" /><div cl

ass="ask"><span></span>{Asker}: {Question}</div> <br> <div class="res">{Answer}</div> <div class="h5"><b>Ask</b></div> </div> {/block:Answer} {block:Photo} <div class="box"> <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-50 0}" title="{PhotoAlt}" width="524"/>{LinkCloseTag}</center></a><br> {block:Caption}{Caption}{/block:Caption} <div class="h5"><b>Photo</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}< /a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Photo} {block:Link} <div class="box"> <div class="h1"><a href="{URL}">{Name}</a></div> {block:Description}{Description}{/block:Description} <br> <div class="h5"><b>Link</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}</ a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Link} {block:Chat} <div class="box"> {block:Title}<div class="h1">{Title}</div>{/block:Title} <table> {block:Lines} <tr> {block:Label}{Label}{block:Label} <td class="words">{Line}</td> </tr> {/block:Lines} </table> <div class="h5"><b>Photo</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}< /a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Chat} {block:Audio} <div class="box"> <div style="float:right; margin-top: 5px;"><i> {PlayCount} vezes</i> {block:Exte rnalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div > <center>{AudioPlayerWhite}</center> {block:Caption}{Caption}{/block:Caption} <div class="h5"><b>Audio</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}<

/a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Audio} {block:Video} <div class="box"> <center>{Video-500}</center> {block:Caption}{Caption}{/block:Caption}<br> <div class="h5"><b>Video</b> {block:NoteCount}<a href="{Permalink}">{NoteCount}< /a>{/block:NoteCount} {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:Cont entSource} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank"> Reblog this!</a></div></div> {/block:Video} {/block:Posts} <div class="box"> <center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Pgi na <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:P reviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pag ination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:Current Page} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPa ge} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPa ge}{/block:Pagination} </div></center></div><br><br><br> </div></div></p></div></div></div> </div></div></div></div></div></div></div></div></div></div></div></div> <div id="01" style="display:none"> <div class="box"> <div class="h2">ABOUT ME</div> SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE SOBRE MIM SOBRE MIM SOBRE MIM SOBRE </div> <div class="box"> <div class="h2">WISHLIST</div> No fiz <br> <s>Ja fiz</s><br> </div> <div id="02" style="display:none"> <div class="box"> <div class="h2">TUMBLR</div>

MIM MIM MIM MIM MIM MIM MIM

SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE

MIM MIM MIM MIM MIM MIM MIM

SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE

MIM MIM MIM MIM MIM MIM MIM

SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE

MIM MIM MIM MIM MIM MIM MIM

SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE SOBRE

MIM MIM MIM MIM MIM MIM MIM

SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TU MBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TU MBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR </div> <div class="box"> <div class="h2">RECOMENDO</div> <a href="LINK">NOME</a> - <a href="LINK">NOME</a> - <a href="LINK">NOME</a> - <a href="LINK">NOME</a> - <a href="LINK">NOME</a> - <a href="LINK">NOME</a> - <a h ref="LINK">NOME</a> </div> <div class="box"> <div class="h2">CRDITOS</div> <ul class="a"> <li>Theme feito por: <a href="http://frankeynesm.tumblr.com/">Francyele K.</a></ li> <li>Paginao: <a href="madlyluv.com">Madlyluv</a> </li> <li>Selecao colorida: <a href="mhilka.zip.net">Mhilka</a></li> <li>Menu hover: <a href="http://marlivia.tumblr.com/">Marlivia</a></li> <li>Tutoriais: <a href="http://tearsfromheart.tumblr.com">Tears From Heart.</a> e <a href="http://shithappiness.tumblr.com/"> Lost for It, Natalia.</a></li></di v></div> </div></div></div> <div id="04" style="display:none"> <div class="box"> <div class="h2">FAQ</div> Faa sua faq. </div></div> </div></div></div></div></div></div></div></div></div></div></div></div> </body> </html>

You might also like