Theme futura suicida não use como base e nem copie
•Descargar como DOC, PDF•
0 recomendaciones•185 vistas
The document contains the code for customizing the theme and appearance of a Tumblr blog. It includes CSS styles for formatting different page elements like links, posts, quotes, and includes default colors, images and text that can be overridden. The code also contains the HTML structure for things like navigation links, sidebar content, post layout and pagination.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (18)
Destacado
Destacado (20)
Similar a Theme futura suicida não use como base e nem copie
Similar a Theme futura suicida não use como base e nem copie (20)
Theme futura suicida não use como base e nem copie
- 1. <!-------------------------------------------------------------------------THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE . THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. <!----------------------------------------------------------> <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'> <head> <!-- DEFAULT VARIABLES --> <meta name="color:background" content="#f8f8f8" /> <meta name="color:link" content="#666666" /> <meta name="color:text" content="#000" /> <meta name="color:post" content="#ffffff" /> <meta name="color:scroll" content="#000" /> <meta name="color:sidebar" content="#ffffff" /> <meta name="color:letrasidebar" content="#000" /> <meta name="color:frase" content="#ffffff" /> <meta name="color:dtlink" content="#FF3B8E" /> <meta name="color:text links" content="#000" /> <meta name="text:titulo" content="you are everything" /> <meta name="image:background" content="" /> <meta name="image:sidebar" content="http://static.tumblr.com/fzbupk7/TVvm7w8nj/tumblr_m7qu1ibzfe1qhekpro1_ 500.png"/> <meta name="text:Link1" content="/" /> <meta name="text:Link1 Title" content="link" /> <meta name="text:Link2" content="/" /> <meta name="text:Link2 Title" content="link" /> <meta name="text:Link3" content="/" /> <meta name="text:Link3 Title" content="link" /> <meta name="text:Link4" content="/" /> <meta name="text:Link4 Title" content="link" /> <meta name="text:Link5" content="/" /> <meta name="text:Link5 Title" content="link" /> <meta name="text:Link6" content="/" /> <meta name="text:Link6 Title" content="link" /> <meta name="text:Link7" content="/" /> <meta name="text:Link7 Title" content="link" />
- 2. <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <style type="text/css"> body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background- image:url('{image:background}'); background-attachment: fixed; } a {color: {color:link}; text-decoration: none; text-transform: none;} a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;} p {margin: 6px 0 0 0} blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; } blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};} blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; } blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border- left: 3px solid {color:background}; } blockquote img{max-width: 470px!important} blockquote blockquote img{max-width: 450px!important} blockquote blockquote blockquote img{max-width: 430px!important} blockquote blockquote blockquote blockquote img{max-width: 410px!important} #container {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1} #entrydanay {float: left; margin-top: 27px; margin-left: 340px;} .postsoftumblr {width: 505px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;} h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;} h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;} h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
- 3. .image {text-align: center; border: 0px} .image img {max-width: 500px; margin-bottom: 2px } .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;} .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;} .pquotesource a, a:hover{text-transform: none;} .chat {line-height: 13px; list-style: none } .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;} .person1 {color: {color:text}; padding: 2px; } .person1 .label {font-weight: bold; color:{color:text}} .person2 {color: {color:text}; padding: 2px; } .person2 .label {font-weight: bold; color:{color:text}} .player {background-color: #fff; text-align: left; display:block;} #asker {font-size: 11px; font-family: {font:text}; text-align: justify;} .answer {padding: 2px} .answer img {max-width: 470px;} #info {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;} #info a {font-size: 9px;} .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list- style: none; text-transform: lowercase;} .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;} #cap {width: 500px; margin-top: -2px;} .source {display: none;} .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 1px; font-size: 9px; text-align: left} ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;} ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; } .notes img{display: none; border:0px} ::-webkit-scrollbar{width:6px;height:6px;} ::-webkit-scrollbar-button:start:decrement ::-webkit-scrollbar-button:end:increment{display:block;height:0;background- color:transparent;} ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit- border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left- radius:0px;} ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};- webkit-border-radius:px;}
- 4. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};- webkit-border-radius:px;} #links {position:fixed;width:200px;height:auto;font-size:9px; font-family:verdana; text-align:center; color:{color:text links};padding: 8px; margin-top:27px; margin- left:123px;background-color:{color:sidebar};-webkit-border-radius: 0px 0px 0px 0px;} #links a {color: {color:text links}} #links a:hover {font-weight: bold;} .imagem {position: absolute; width:212px; height:240px; margin-left:123px; margin- top: 68px;position:fixed;border:2px double {color:sidebar} } .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border- radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in- out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; width:212px; height:240px; background-color: {color:none};} .imagem img.top { opacity:1;} .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;} .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray} #description {position: fixed; color: {color:letrasidebar}; background-color: {color:sidebar}; margin-left: 123px; margin-top: 341px; text-align: justify; font-size: 9px; font-family:verdana; padding: 3px;width: 210px; height: 80px;} #frase{position:fixed; width: 204px; height: 15px; font-size: 9px; font-family: verdana; padding: 6px;text-align: center;color: {color:letrasidebar}; background-color: {color:sidebar}; margin-top: 313px; margin-left:123px; overflow:hidden;} #textya {width:204px; height: 0px; margin-left:113px; margin-top: 313px; position:fixed; color: {color:frase}; z-index: 100000; font-family: 'homenaje'; font- size:18px;text-transform: lowercase; border-left:0px solid; border-right:0px solid; padding:3px; width: 215px; height:10px; border: 0px solid {color:border};} #credito { background-color: {color:sidebar}; color: {color:letrasidebar}; width: 96px; height: 6px; padding: 3px 5px 5px 5px; position: fixed; float: left; top: 436px; left: 131px; font-family: tinytots; font-size: 8px; text-transform: uppercase; }
- 5. #credito a:hover {opacity: 0.7; border-left: 0px;} #paginal {font-family: verdana; font-size: 8px; text-align: center;} #paginal a {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:letrasidebar};} #paginal a:hover {background: {color:letrasidebar}; color: {color:sidebar};} #paginal span.pagina_atual {background:{color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:letrasidebar}; font-weight: bold; text-decoration: none;} .ps {position: fixed; margin-left: 230px; padding: 2px; width: 105px; height: auto; top: 436px; background-color: {color:sidebar}; color: {color:letrasidebar};} @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} </style> <body> <div id="links"> {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} <font color="{color:dtlink}">x</font> {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2} <font color="{color:dtlink}">x</font> {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3} <font color="{color:dtlink}">x</font> {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4} <font color="{color:dtlink}">x</font> {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5} <font color="{color:dtlink}">x</font> {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6} <font color="{color:dtlink}">x</font> {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7} </div> <div id="side"> <div class="imagem" class="hover"> <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(100%);" > <img class="top shadow" src="{image:sidebar}" /> </div>
- 6. <div id="description">{Description}</div> <div id="frase"></div> <div id="textya">{text:titulo}</div> <div class="ps"><div id="paginal"> {block:JumpPagination length="4"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} </div></div> <div id="credito"> THEME <a href="http://futurasuicida.tumblr.com/"><font color="{color:letrasidebar}">FUTURASUICIDA</font></a> <a href="http://umapequenapoeta.tumblr.com/"><font color="{color:letrasidebar}">+</font></a></div> <div id="entrydanay"> {block:Posts} <div class="postsoftumblr"> {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text} {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL- 500}"></div>{LinkCloseTag}{/block:Photo} {block:Photoset}{Photoset-500}{/block:Photoset} {block:Quote} <div class="pquote">“{Quote}”</div> {block:Source}<div class="pquotesource"> — {Source}</div> {/block:Source} {/block:Quote} {block:Link} <h1><a href="{URL}" {Target}>{Name}</a></h1> {block:Description}{Description}{/block:Description} {/block:Link} {block:Chat} {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} <div class="chat"><ul>{block:Lines} <li class="person{UserNumber}">{block:Label}
- 7. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> {/block:Chat} {block:Audio} <div class="player">{AudioPlayerWhite}</div> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video}{Video-500}{/block:Video} {block:Answer} <div id="asker"><b>{Asker}me chupou e disse:</b> {Question}</div> <div class="answer">{Answer}</div> {/block:Answer} <div id="cap"> {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo} {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video} {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink} {/block:NoSourceLogo}</a> {/block:ContentSource}</div></div> <br> <div id="info"> {block:Date}<div class="tags">{block:HasTags}{block:Tags}papos: #<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}</div> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} . <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} . <a href="{ReblogUrl}" target="_blank">rebloga mermão</a>{/block:IndexPage} {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom} {block:RebloggedFrom} . via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} </div> </div>{/block:Date}
- 8. {/block:Posts} {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes} </div> </div> </div> </div> </body><!--SCM Music Player by Adrian C Shum - http://scmplayer.net--> <script type="text/javascript" src="http://scmplayer.net/script.js" ></script> <script type="text/javascript"> SCMMusicPlayer.init("{'skin':'http://static.tumblr.com/tfub92k/KUumbf312/skiintamy6 1.css','playback':{'autostart':'true','shuffle':'true','volume':'100'},'playlist': [{'title':'','url':'http://www.youtube.com/watch?v=lUpK4kns90A'}, {'title':'','url':'http://www.youtube.com/watch? v=TQ6fpJ3Cqww&feature=player_embedded'}, {'title':'','url':'http://www.youtube.com/watch?v=gX0zaG8P2Hs'}, {'title':'','url':'http://www.youtube.com/watch?v=XdY24KM0Y9U'}, {'title':'','url':'http://www.youtube.com/watch?v=ufOfbbZ_hNE'}, {'title':'','url':'http://www.youtube.com/watch?v=z1QXFOPfU_Q'}, {'title':'','url':'http://www.youtube.com/watch?v=hZ92SrfVYUw'}, {'title':'','url':'http://www.youtube.com/watch?v=ynP1rmD1uUw'}, {'title':'','url':'http://www.youtube.com/watch?v=b7k7Y_kAowc'}, {'title':'','url':'http://www.youtube.com/watch?v=FKxzgUz9Zdg'}, {'title':'','url':'http://www.youtube.com/watch?v=N51zUmHWBzQ&feature=fvwrel'}, {'title':'','url':'http://www.youtube.com/watch?v=MBp4GxPjCBU'}, {'title':'','url':'http://www.youtube.com/watch?v=HMuvKLUHYlU'}, {'title':'','url':'http://www.youtube.com/watch?v=KQDaYpXDJ34'}, {'title':'','url':'http://www.youtube.com/watch?v=tIhcpO_FbDg&feature=related'}, {'title':'','url':'http://www.youtube.com/watch?v=NHKi7IRbJeU&feature=related'}, {'title':'','url':'http://www.youtube.com/watch?v=vx4avIJqkQA&feature=fvwrel'}, {'title':'','url':'http://www.youtube.com/watch?v=qQJofl9VrqQ&feature=related'}, {'title':'','url':'http://www.youtube.com/watch?v=7QnXzVjck6M'}, {'title':'','url':'http://www.youtube.com/watch?v=YsPapwNQIfw&feature=fvwrel'}, {'title':'','url':'https://www.youtube.com/watch? feature=player_embedded&v=v3upDGeHsyw'}, {'title':'','url':'http://www.youtube.com/watch?v=qFOOpTS_Re4'}, {'title':'','url':'http://www.youtube.com/watch?v=cBoBnqfUVPY'}, {'title':'','url':'http://www.youtube.com/watch?v=SpP3qS2BdHw'}, {'title':'','url':'http://www.youtube.com/watch?v=KeigLjyvxOM'}, {'title':'','url':'http://www.youtube.com/watch?v=O309j_T-N88&feature=related'}, {'title':'','url':'http://www.youtube.com/watch?v=JO4NNzN-iic&feature=fvsr'}, {'title':'','url':'http://www.youtube.com/watch?v=NOjjOUG0-LU'},