SHARE
TWEET

Código base (Galeria): Thays Bueno

GabrielaSants Jan 21st, 2015 235 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.  
  6.     <b:include data='blog' name='all-head-content'/>
  7.     <title><data:blog.pageTitle/></title>
  8.     <b:skin><![CDATA[/*
  9. -----------------------------------------------
  10. BASE POR: THAYS BUENO e Vick F.N.
  11.  
  12. ----------------------------------------------- */
  13. DESIGN POR: VICK
  14. NÃO RETIRE OS CREDITOS
  15. http://www.about-usdesigns.com/
  16. ----------------------------------------------- */
  17. /* Nav, body links e afins */
  18.  
  19. #navbar-iframe {
  20.   height: 0px;
  21.   visibility: hidden;  
  22.   display: none;
  23.  }
  24. body, .body-fauxcolumn-outer {
  25. background: #FFFFFF
  26. url(http://static.tumblr.com/uzgkick/I0Kmbwzu9/bgg.png) repeat-x;; /* coloque aqui o background */
  27. margin:0;
  28. color: #000000;
  29. font-family: Trebuchet MS, Verdana, Arial, Serif;
  30. font-size: 12px;
  31. }
  32.  
  33. a:link {
  34.   color:#000000; /* cor dos links, altere se quiser */
  35.   font-weight:bold;
  36.   text-decoration:none;
  37.   }
  38. a:visited {
  39.   color:#000000; /* cor dos links já visitados, altere se quiser */
  40.   font-weight:bold;
  41.   text-decoration:none;
  42.   }
  43. a:hover {
  44.   color:#000000; /* cor dos links quando passa o mouse, altere se quiser */
  45.   font-weight:bold;
  46.   text-decoration:none;
  47. }
  48.  
  49. a img {
  50.   border-width:0;
  51.   }
  52.  
  53. /* principais */
  54.  
  55. #main-wrapper .post-body a:hover {
  56.   color:#000000;
  57.   text-decoration:none;
  58. }
  59.  
  60.  
  61. .topo {
  62. font-size: 18px;
  63. padding-top: 194px;
  64. padding-left: 190px;
  65. color: transparent;
  66. width: 281px;
  67. line-height: 14px;
  68. font-size: 12px;
  69. font-family: Trebuchet MS;
  70. position: left;
  71. height: 37;
  72. background-repeat: no-repeat;
  73. background-color: transparent;}
  74.  
  75.  
  76. /* header */
  77.  
  78. #header-wrapper {
  79. width:1000px;
  80.   height:198px; /* altura da imagem do topo */
  81. background-image:url(http://static.tumblr.com/uzgkick/oglmbwz57/cima.bmp); /* coloque aqui a imagem do topo que você editou */
  82. color: #ffffff;
  83.   margin:0 auto;
  84.   padding:0;
  85.   }
  86. #header h1 {
  87.   margin:0;
  88.   padding:385px 600px 0 5px;
  89.   font:160%/.9em Century;
  90.   font-weight:bold;
  91.   line-height: 1.1em;
  92.   text-transform:uppercase;
  93.   color:$pagetitlecolor;
  94.   }
  95. #header a {
  96.   text-decoration:none;
  97.   }
  98. #header a:hover {
  99.   text-decoration:underline;
  100.   }
  101.  
  102.  
  103. /* outer-wrapper */
  104.  
  105. #outer-wrapper {
  106.   background:url(http://static.tumblr.com/uzgkick/7Oumbwz6e/meio.bmp);
  107. /* coloque aqui a imagem do meio */
  108.   background-repeat: repeat-y;
  109. width: 1000px;
  110.   margin:0 auto;
  111.   padding:0;
  112.   }
  113.  
  114. #sidebar-wrapper {
  115. width: 210px;
  116. float: left;
  117. font-family: Trebuchet MS;
  118.   text-align:justify;
  119. color: #000000; /* cor do texto das colunas */
  120.   margin-top:-124px;
  121.   padding-left:41px;
  122.   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  123.   overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  124.   }
  125.  
  126. #main-wrapper {
  127. width: 800px;
  128.   float: left;
  129.   font-size: 12px;
  130. color: #000000; /* cor do texto das postagens */
  131.   margin-top:-50px;
  132.   padding-left:100px;
  133.   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  134.   overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  135.   }
  136.  
  137.  
  138. br {
  139.   clear:both;
  140.   }
  141.  
  142. /* sidebar feliz */
  143. #inicio-wrapper h2 {
  144.  
  145.   margin: -10px;
  146.   text-align:center;
  147.   font-size:12px;
  148.   padding-top: 10px;
  149.   font-family: Trebuchet MS;
  150.   line-height:1.4em
  151.   font-weight:none;
  152.   height: 32px;
  153.   background-repeat: no-repeat;
  154.   width: 219px;
  155.   color: #F17FAA;
  156.   }
  157.  
  158.  
  159. #sidebar-wrapper h2 {
  160.  
  161.   margin: 0px;
  162.   text-align:center;
  163.   font-size:17px;
  164.   padding-top: 13px;
  165.   font-family: Trebuchet MS;
  166.   line-height:1.4em
  167.   font-weight:bold;
  168.   height: 42px;
  169.   background-repeat: no-repeat;
  170.   width: 207px;
  171.   color: #000000; /* cor do titulo da sidebar, edite se quiser */
  172.   }
  173.  
  174. #main-wrapper h2 {
  175.   margin:0;
  176.   padding:0;
  177.   font-size:100%;
  178.   font-weight:normal;
  179.   color: #000000; /* cor da data, edite */
  180.   background:none;
  181.   }
  182.  
  183. /* postagens */
  184.  
  185. .post {
  186.   margin:.5em 0 .75em;
  187.   padding-bottom:.5em;
  188.   padding-left: 10px;
  189.   }
  190. #main .post h3 {
  191.   margin:10 0 .5em;
  192.   padding:30px;
  193.   background-color: transparent;
  194.   font-family: Trebuchet MS;
  195.   font-size:18px;
  196.   text-align: center;
  197.   font-weight:bold;
  198.   height: 20px;
  199.   width: 700px;
  200.   padding-top: 0px;
  201.   margin-left: -33px;
  202.   line-height:2.1em;
  203.   color: #FF779C;
  204. }
  205.  
  206. #main .post h3 a, .post h3 a:visited, .post h3 strong {
  207.   display:block;
  208.   font-family: Trebuchet MS;
  209.   font-size:20px;
  210.   height: 42px;
  211.   width: 800px;
  212.   margin-top:40px;
  213.   text-decoration:none;
  214.   color: #000000; /* cor do título dos posts */
  215.   font-weight:none;
  216. }
  217.  
  218. #main .post h3 strong, #main .post h3 a:hover {
  219.   color:#000000; /* cor do título dos posts quando passar o mouse em cima */
  220.   text-decoration:none;
  221. }
  222.  
  223. .post p, .post-body {
  224.   margin:0 0 .75em;
  225.   line-height:1.3em;
  226. }
  227.  
  228. .post-footer {
  229.   margin: .75em 0;
  230.   color:#000000;
  231.   letter-spacing:.1em;
  232.   line-height: 1.4em;
  233. }
  234.  
  235. .comment-link {
  236.   margin-left:.6em;
  237.   }
  238. .post a img, .post img {
  239.  
  240.   }
  241. .post blockquote {
  242.   background: url(fundodoblockquote) repeat; /* sabe essa caixinha rosa que eu uso quando começa os posts? então ela se chama blockquote, coloque um fundo se vc quiser e quando for usar o blockquote, escreva entre as tags <blockquote>escreva</blockquote>, tudo o que tiver entre essas tags vai sair nessa caixinha ta? */
  243.   border:4px double #FF0606; /* cor da borda da caixinha */
  244.   color: #FF0606; /* cor do texto da caixinha */
  245.   margin:1em 20px;
  246.   line-height:1.2em;
  247.   padding: 5px;
  248.   }
  249. p.post-footer-line-3 {
  250.   margin:0 auto;
  251.   padding:0;
  252.   }
  253.  
  254. /* comentarios = stress */
  255. #comments h4 {
  256.   margin:1em 0;
  257.   font-weight: bold;
  258.   line-height: 1.4em;
  259.   letter-spacing:.2em;
  260.   }
  261.  
  262. #comments-block {
  263.   margin:1em 0 1.5em;
  264.   line-height:1.6em;
  265.   }
  266. #comments-block .comment-author {
  267.   background:#1C1C1C; /* cor do fundo do nome de quem posta o comentário, edite */
  268.   border: 1px solid #1C1C1C; /* cor da borda que fica em volta do fundo de quem posta o comentário, edite */
  269.   margin:.5em 0;
  270.   }
  271. #comments-block .comment-body {
  272.   margin:.25em 0 0;
  273.  
  274.   }
  275.  
  276. #comments-block .comment-footer {
  277.   margin:7px 0 2em;
  278.   line-height: 1.4em;
  279.   font-weight: bold;
  280.   letter-spacing:.1em;
  281.   }
  282. #comments-block .comment-body p {
  283.   margin:0 0 .75em;
  284.   }
  285. .deleted-comment {
  286.     margin:10px 0 2em;
  287.   font-style:italic;
  288.   color:gray;
  289.   }
  290. .comment-pre-form {
  291. width:660px;
  292. padding:10px;
  293.  
  294. }
  295.  
  296.  
  297. / proxima, anterior, começo =P */
  298.  
  299. #blog-pager-newer-link {
  300.   float: left;
  301.  }
  302.  
  303. #blog-pager-older-link {
  304.   float: right;
  305.  }
  306.  
  307. #blog-pager {
  308.   text-align: center;
  309.   border-top: 4px double #000000; /* borda que separa uma postagem da outra, pode usar uma imagem se quiser, para isso troque border-top: 4px double #BABF85 e coloque background: url(linkdadivisoria)no-repeat; */
  310.  }
  311.  
  312. /* ocultação de coisas */
  313.  
  314. /* não meche aqui não, é pra tirar algumas palavras feias do blog */
  315.  
  316. .feed-links {
  317.   clear: both;
  318.   line-height: 2.5em;
  319.   display: none;
  320. }
  321.  
  322. .status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
  323. display: none;
  324. }
  325.  
  326. /* content 1 */
  327. #topo p {
  328.   padding-left:2px;
  329.   }
  330.  
  331. .topo {
  332.   line-height: 1.3em;
  333.  }
  334.  
  335. .topo ul {
  336.   list-style:none;
  337.   margin:0 0 0;
  338.   padding:0 0 0;
  339. }
  340. .topo li {
  341.   margin:0;
  342.   padding:0 0 .25em 2px;
  343.   line-height:1.2em;
  344.   }
  345.  
  346. .topo .widget, {
  347.   margin:0 2 1.5em;
  348.   padding:0 2 1.5em;
  349. width: 200px;
  350.  }
  351.  
  352. /* content 2 */
  353. #sidebar-wrapper p {
  354.   padding-left:20px;
  355. padding-top: 0px;
  356. margin-top: 0px;
  357.   }
  358.  
  359. .sidebar {
  360.   line-height: 1.3em;
  361.  }
  362.  
  363. .sidebar ul {
  364.   list-style:none;
  365.   margin:0 0 0;
  366.   padding:0 0 0;
  367. }
  368. .sidebar li {
  369.   margin:0;
  370.   padding:0 0 .25em 7px;
  371.   line-height:1.2em;
  372.   }
  373.  
  374. .sidebar .widget, .main .widget {
  375.   margin:2px 2px 1.5em 0px;
  376.   padding:2px 2px 1.5em 0px;
  377.  }
  378.  
  379. .main .Blog {
  380.   border-bottom-width: 0;
  381. }
  382. #ArchiveList {
  383.   margin:0;
  384.   padding-left:12px;
  385.   }
  386.  
  387. .widget img {
  388.   }
  389.  
  390.  
  391. /* footer */
  392. #footer-wrapper {
  393.   background:url(http://static.tumblr.com/uzgkick/u0ymbwz8v/baixo.bmp); /* coloque a imagem do rodapé que você fez */
  394.   background-repeat:no-repeat;
  395. _width:1000px;
  396. width:1000px;
  397. padding-left:0px;
  398.   height:250px; /* altura da imagem do rodapé */
  399.   clear:both;
  400.   margin:0 auto;
  401.   padding:0;
  402.   }
  403.  
  404. #footer h2 {
  405.   font-size:110%;
  406.   }
  407. #lower-body {
  408.   width:980px;
  409.   margin:0 auto;
  410.   padding:12px 5px;
  411.   color:#B8886B;
  412.   text-align:center;
  413.   }
  414.  
  415. #credit {
  416. text-align: center;
  417. padding-top:300px;
  418. }
  419.  
  420. /* estrutura wireframe */
  421. body#layout #header {
  422.   margin-left: 0px;
  423.   margin-right: 0px;
  424. }
  425.  
  426. #navbar-iframe{height: 0px; visibility: hidden; display: none;}
  427. ]]></b:skin>
  428.  
  429.   </head>
  430. <div style='text-align:center; width:1100px; margin-left:auto; margin-right:auto;'>
  431. <img alt='' border='0' height='650' id='Image-Maps_7201210142310288' src='http://static.tumblr.com/uzgkick/SJnmbwzw9/galeria.png' usemap='#Image-Maps_7201210142310288' width='1100'/>
  432. <map id='_Image-Maps_7201210142310288' name='Image-Maps_7201210142310288'>
  433. <area alt='Voltar ao Site' coords='104,419,450,469' href='http://www.about-usdesigns.com/' shape='rect' title='Voltar ao Site'/>
  434. <area alt='Image Map' coords='1098,648,1100,650' href='http://www.image-maps.com/index.php?aff=mapped_users_7201210142310288' shape='rect' title='Image Map'/>
  435. </map>
  436. </div>
  437.            
  438.   <body>
  439.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  440. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
  441. </b:section>
  442.  
  443.  
  444.  
  445.   <div id='outer-wrapper' style='margin-top:0px;'><div id='wrap2'>
  446.  
  447.     <!-- skip links for text browsers -->
  448.     <span id='skiplinks' style='display:none;'>
  449.       <a href='#main'>skip to main </a> |
  450.       <a href='#sidebar'>skip to sidebar</a>
  451.     </span>
  452.  
  453. <div id='header-wrapper'>
  454.  
  455. <div class='topo'>
  456. <b:section class='topo' id='topo' preferred='yes'/>
  457. </div>
  458.  
  459. <div class='widget-content'>
  460.  
  461. </div>
  462.  
  463.     </div>
  464.  
  465.     <div id='content-wrapper'>
  466.  
  467.      <div id='main-wrapper'>
  468.         <b:section class='main' id='main' showaddelement='no'>
  469. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  470. <b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'/>
  471. <b:widget id='Feed2' locked='false' title='Blogger Templates' type='Feed'/>
  472. </b:section>
  473.  
  474.       </div>
  475.  
  476. <div id='sidebar-wrapper'>
  477.  
  478. </div>
  479.  
  480.  
  481.       <!-- spacer for skins that want sidebar and main to be the same height-->
  482.       <div class='clear'>&#160;</div>
  483.     </div> <!-- end content-wrapper -->
  484. <br/>
  485.   </div></div> <!-- end outer-wrapper -->
  486.  
  487.     <div id='footer-wrapper'>
  488. <div id='credit'>Código Base Por: Thays Bueno ~ <a href='http://www.coisinhasmil.com'>Coisinhas Mil</a> // Adaptação do Codigo por: Vick ~ <a href='http://about-usdesigns.blogspot.com/'>AUD</a>
  489.     </div>  </div>
  490.  
  491.  
  492.  
  493. </body>
  494. </html>
RAW Paste Data
Top