Advertisement
helpdesigns

Theme base 1 colunas| explicadinho | By isah (c4-pacitada)

Jun 3rd, 2013
648
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.13 KB | None | 0 0
  1.  
  2. <!--- Theme Base por HelpDesigns não remova seus créditos + Theme por SEU TUMBLR AQUI , não copie --->
  3.  
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11.  
  12.  
  13.  <head profile="http://gmpg.org/xfn/11">
  14.  
  15.  
  16.  
  17. <!--- Aqui é o aparence by HelpDesigns--->
  18. <meta name="color:background" content="#fff" />
  19. <meta name="color:entry" content="#fff" />
  20. <meta name="color:ask" content="#f8f8f8" />
  21. <meta name="color:link" content="#aaa" />
  22. <meta name="color:lhover" content="#fff" />
  23. <meta name="color:text" content="#aaa" />
  24. <meta name="color:links" content="#aaa" />
  25. <meta name="color:linkshover" content="#fff" />
  26. <meta name="color:bordapost" content="#f8f8f8" />
  27. <meta name="color:borda" content="#aaa" />
  28.  
  29. <meta name="image:background" content="" />
  30.  
  31.  
  32.  
  33.  <!--- Opção de mostrar as tags no theme ou não --->
  34.  <meta name="if:Show tags" content="1"/>
  35.  
  36.  
  37. <!--- Aqui fica os links --->
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="link1" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="link2" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="link3" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="link4" />
  46. <meta name="text:Link5" content="/" />
  47. <meta name="text:Link5 Title" content="link5" />
  48. <meta name="text:Link6" content="/" />
  49. <meta name="text:Link6 Title" content="link6" />
  50.  
  51.  
  52.  <!--- Aqui fica o titulo, Favicon , and caixinha da descrição --->
  53.                       <title>{Title}</title>
  54.         <link rel="shortcut icon" href="{favicon}">
  55.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56.         {block:Description}
  57.   <meta name="description" content="{MetaDescription}" />
  58.         {/block:Description}
  59.  
  60. <!--- Aqui são as fontes deixei uma amostra ai--->
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Tunga' rel='stylesheet' type='text/css'>
  67.  
  68.  <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  69. <!---♥---Fim da fontes ---♥--->
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  <!--- Começa o style--->
  77.     <style type="text/css">
  78.    
  79. /*--- Começa o css ---*/
  80.  
  81. /*--- Isso é o Background ---*/
  82. 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; }
  83.  
  84.  
  85. /*--- Links tipo quando publica algum post com link você arruma o tamanho da fontes e tals ---*/
  86. a {color: {color:link}; text-decoration: none; text-transform: none;}
  87. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  88.  
  89.  
  90.  
  91. /*--- Inicio dos posts ---*/
  92.  
  93. /*--- Explicação: Aqui em #container é a onde você  bota a cor etc ---*/
  94. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  95.  
  96. /*--- Aqui você Posiciona eles ok tamanho quanto cabe as colunas ---*/
  97. #entries {margin-left:400px; width: 800px; margin-top: 5px}
  98.  
  99. /*--- Aqui você coloca o tamanho deles pros lado, coloca borda, arruma cor e vai colocando a opacidade tudo nesse . entry ---*/
  100. .entry {background-color:{color:entry} ; text-align: justify; padding: 6px; float: left; margin: 2px 0 0 2px;opacity:2;width:500px;border:1px double {color:bordapost}; }
  101.  
  102.  
  103. /*--- Imagem tamanho dela dentro dos posts arruma ---*/
  104. .entry img {max-width:500px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  105.  
  106.  
  107. /*--- Titulo Escolha a font ja deixei uma no caso é a 'Calibri', Vcê escolhe também o tamanho dela ta a cor, se é italico, negrita, sublinhada, riscada ---*/
  108. h1 {font-family:Calibri; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  109. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  110. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  111.  
  112. /*--- Aqui abaixo você pode por um estilo QUOTE ---*/
  113.  
  114.  
  115. /*--- Aqui abaixo pode por um estilo de CHAT ---*/
  116.  
  117. /*--- Sou legal deixei um estilo de ask kkk ---*/
  118.  
  119. /*** Estilo de Ask  Por Simone (cerejadosundae)***/
  120. .ask {width: 87%; font-weight:normal; padding:4px; margin-bottom: 10px; color:#777; font-size: 11px;margin-left:45px; }
  121.  .asker {width: 97%;height:15px;background-color: #ADB4D1; font-weight:normal; padding:3px; margin-bottom: 1px; color:#8288A2;text-align:center;line-height:15px;font-family: 'ronda';     font-size: 8px;margin-top:10px;border-right: 5px solid #8288A2;} .asker a{ color:#fff;border-right: 0px solid #777;} .askborder {background:#000;padding:1px;width:38px;float: left; display: inline; margin-bottom: 8px;margin-left:-1px;border-top:3px solid #d6d6d6; border-left: 3px solid #d6d6d6;border-right: 3px solid #d6d6d6;border-bottom: 9px solid #d6d6d6; margin-top:-10px;border-radius: 2px;} .resposta {background: #eee; font-weight:normal; padding:4px; margin-bottom: 1px; text-shadow:0 0px 0px #fff; font-size: 11px; }@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  122.  
  123.  /*--- A COR DA ASK ARRUMA AQUI MESMO ---*/
  124.  
  125. /*---  Aqui são as notes ok ---*/
  126.  
  127. .credito {opacity: 1; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  128.  
  129.  
  130. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  131. #info a {font-size: 10px; text-transform: uppercase;}
  132.  
  133. #tags {color: {color:text}; font-size: 10px; font-family: calibri;  display: inline; list-style: none; text-transform: uppercase;;}
  134. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  135.  
  136. #cap {width: 500px; margin-top: -2px;}
  137. .source {display: none;}
  138.  
  139. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  140. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  141. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  142. .notes img{display: none; border:0px}
  143.  
  144.  
  145. /*---  Fim dos posts ---*/
  146.  
  147.  
  148. /*---  Aqui são mesu estilo de links se pegar por favor CREDITE- Links by c4-pacitada ---*/
  149.  
  150.  #isinha {z-index:999999999999999;position: fixed; width:200px; margin-left:110px; margin-top:300px; padding: 0px; text-align: center;}
  151.  
  152. #isinha a {float: left; display: block; letter-spacing:0px; font-size:10px; font-family:calibri; text-align: center; margin-right:2px; color:{color:links}; text-decoration: none; line-height:16px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  153. #isinha a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:{color:linkshover};  font-weight:calibri;-webkit-transition: all 0.9s ease-out;}
  154.  
  155. /*--- Põe um estilo de paginação abaixo ---*/
  156.  
  157. /*---  Não temova controles ---*/
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160. #tumblr_controls{position: fixed!important}
  161. #tumblr_controls{position: fixed!important}
  162.  
  163.  
  164. /*---  Ja acabo o css aqui ok ---*/
  165. </style>
  166.  
  167.  
  168. <!--- Explicaçã: aqui ta bloquado o ctrl+u por causa do onkeydown return false, se quiser desbloquear deixo só body --->
  169. <body onkeydown="return false">
  170.  
  171. <!--- lINKS AQUI --->
  172. <div id="isinha">
  173. <a href="{text:Link1}" >{text:Link1 title}</a>
  174. <a href="{text:Link2}" >{text:Link2 title}</a>
  175. <a href="{text:Link3}" >{text:Link3 title}</a>
  176. <a href="{text:Link4}" >{text:Link4 title}</a>  
  177. <a href="{text:Link5}" >{text:Link5 title}</a>
  178. <a href="{text:Link6}" >{text:Link6 title}</a>
  179. <a href="{text:Link7}" >{text:Link7 title}</a>
  180.  
  181.  
  182.  
  183. </div>
  184. </div>
  185.  
  186.  
  187. <!--- Creditos por favor não remova os creditos da minha BASE, se não creditar você está plagiando por favor credite base by helpdesigns--->
  188. <div style="display:block;top:520px;left:50px;font-size:9px;font-family:Gabriela;position:fixed;background-color:transparent; color: {color:text}; padding:3px;z-index:55554235555;"><a href="http://c4-pacitada.tumblr.com/" title="Theme by SUAURL + base HelpDesigns">SUA URL</a> + <a href="http://helpdesigns.tumblr.com/" title="Help Designs">BASE</a>
  189. </div>
  190.  
  191.  
  192.  
  193. <!--- Inicio da div dos posts--->
  194.  
  195. <div id="entries">
  196.  
  197. {block:Posts}
  198. <div class="entry">
  199.  
  200. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  201.  
  202. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  203.  
  204. {block:Photoset}{Photoset-500}{/block:Photoset}
  205.  
  206.  
  207. {block:Quote}
  208. <!--Div do quote + conteudo aqui--->
  209. {/block:Quote}
  210.  
  211. {block:Link}
  212. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  213. {block:Description}{Description}{/block:Description}
  214. {/block:Link}
  215.  
  216. {block:Chat}
  217. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  218. <div class="chat"><ul>{block:Lines}
  219. <li class="person{UserNumber}">{block:Label}
  220. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  221. {/block:Chat}
  222.  
  223. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  224.  
  225. {block:Video}{Video-500}{/block:Video}
  226.  
  227. {block:Answer}
  228. <img src="{AskerPortraitURL-64}"align="left" class="askborder"/><div class="asker">Pergunta feita por: {Asker}
  229.  </div>
  230. <div class="ask">
  231. {Question} </div>
  232. <div class="resposta">{Answer}</div>
  233. {/block:answer}
  234.  
  235. <div id="cap">
  236. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  237. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  238. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  239.  
  240. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  241.     <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  242.       {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  243. {/block:ContentSource}</div></div>
  244. <br>
  245.  
  246. <div class="credito">
  247. {block:Date}<div id="info">
  248. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog </a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  249. </div></center>{/block:IfShowTags}{/block:Date}</div>
  250. </div>
  251.  
  252.  
  253. {/block:Posts}
  254. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  255.  
  256. </div>
  257. </div>
  258. </div>
  259.  
  260.  
  261. </div>
  262. </div>
  263.  
  264.  
  265. </div>
  266. </div>
  267. </div>
  268.  
  269.  
  270. </div>
  271. </div>
  272. </div>
  273.  
  274.  
  275. </body>
  276. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement