Scribd Logo
Upload

Welcome to Scribd!

  • Theme 12

    Uploaded by

    Pattie Jonas Junior
    15 views14 pages
    Shakeimage position:relative / / configure shake degree (where larger # equals greater shake) var rector=3 var s topit=0 var a=1 function init(which) stopit=0 shake=which shake.style.left=0 sh ake.style.top=0 function rattleimage() if ((!document.all&&!document.getElemen tById) stopit==1)

    Original Description:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Shakeimage position:relative / / configure shake degree (where larger # equals greater shake) var rector=3 var s topit=0 var a=1 function init(which) stopit=0 shake=which shake.style.left=0 sh ake.style.top=0 function rattleimage() if ((!document.all&&!document.getElemen tById) stopit==1)

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views14 pages

    Theme 12

    Uploaded by

    Pattie Jonas Junior
    Shakeimage position:relative / / configure shake degree (where larger # equals greater shake) var rector=3 var s topit=0 var a=1 function init(which) stopit=0 shake=which shake.style.left=0 sh ake.style.top=0 function rattleimage() if ((!document.all&&!document.getElemen tById) stopit==1)

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 14

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.

    dtd">

    <link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='sty lesheet' type='text/css'> <style> .shakeimage{ position:relative} </style> <script language= JavaScript1.2 > / /configure shake degree (where larger # equals greater shake) var rector=3 var s topit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 sh ake.style.top=0} function rattleimage(){ if ((!document.all&&!document.getElemen tById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+r ector+ px } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector+ px } els e if (a==3){ shake.style.top=parseInt(shake.style.top)-rector+ px } else{ shake.styl e.left=parseInt(shake.style.left)-rector+ px } if (a<4) a++ else a=1 setTimeout( rattl eimage() ,50)} function stoprattle(which){ stopit=1 which.style.left=0 which.style .top=0} </script>

    <title>Nomedoseutumblr</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size //Pull Query & Variables from href URL var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value //Fade in the Popup and add close button $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a hre f="#" class="close"><img src="http://static.tumblr.com/1o0xgo7/U2wlvhism/closeth is.png" class="btn_close" title="Close" alt="Close" /></a>');

    //Define margin for center alignment (vertical horizontal) - we add 80px t o the height/width to accomodate for the padding and border width defined in th e css var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); //Fade in Background $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fad e layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fa ding transparencies return false; }); //Close Popups and Fade Layer $('a.close, #fade').live('click', function() { //When clicking on the close or f ade layer... $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); }); </script>

    <style>

    #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #eee; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup_block{;color:#adadad!important;font-family: arial;font-size:11px; display: none; /*--hidden by default--*/ background: #fff; ;color:#adadad!important;font-family: arial;font-size:11px; padding: 20px; border: 1px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #EEE; -moz-box-shadow: 0px 0px 20px #EEE; box-shadow: 0px 0px 20px #EEE; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } img.btn_close { float: left; margin: -85px; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; }

    @font-face {

    font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }

    #flickr a img { background: #none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 8px; margin-bottom: 15px; padding: 2px;borde r: 2px solid #EEE; } #flickr a:hover img { background: #none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-right: 8px;border: 2px solid #ddd; margin-bottom: 15px; padding: 2px; } #flickr {margin: 0px;} body {background-color: #fff; background-image:url();color:#aaa; background-attachment: fixed; background-repeat: repeat; font-family:verdana; fo nt-size: 11px; background-attachment:fixed; background-repeat: repeat;cursor: u rl("http://static.tumblr.com/piwu9ez/ynnljgi2y/cursor15.gif"), default;font-fami ly:'littlefont'; line-height:11px; font-size:8px; } .box {background: #fff; padding: 6px 6px 6px 6px; margin-bottom: 0px; border: 0 px solid #eee; line-height: 17px; color:#ADADAD;color:#adadad!important;font-fam ily: arial;font-size:11px;--webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .box11 {background: #fff; padding: 2px 4px 4px 4px; margin-bottom: 3px; border: 0px solid #eee; line-height: 17px; color:#ADADAD;color:#adadad!important;font-f amily: arial;font-size:11px;float:left;overflow:hidden; float:left;margin-left: 5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;width: 410px; }

    .borderr {padding : 1px; border: 3px double #000; background : #636363;

    .linha {border-bottom: 1px solid #f5f5f5; margin-bottom: 2px;width: 410px;}

    a:link, a:active, a:visited {color: #aaa ; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transitio n: color 0.5s ease-out; transition: color 0.5s ease-out} a:hover {cursor: url("http://cur.cursors-4u.net/others/oth-6/oth589.cur"), defau lt;color: #A7A7A7;}

    .asker img { width: 48px; height:48px; align:left; margin:0px 0px 5px 0px;}

    .imgpost {border: 2px solid #eee; -moz-border-radius: 4px; -webkit-border-radius : 4px;}

    /*** ask ***/ .bubble {align:right;background: #f5f5f5; margin:7px 0px 5px 66px;padding:10px;p osition: relative;} .bubble p {margin:1px 0px;width: 410px;} .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0; line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bot tom:7px solid transparent;border-right:10px solid #f5f5f5;}

    .askborder {float: left;margin: 1px 4px 0 0;padding: 2px;-webkit-border-top-left -radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background: #ddd} .askborder a:hover {float: left;margin: 1px 4px 0 0;padding: 2px;-webkit-bordertop-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; background: #eee}

    .askbox { align:right; background: #F8F8FF; margin:-60px 0px 5px 62px; padding:10px; left: 7px; width: 420px; position: relative;}

    .askbox p {margin:1px 0px;}

    .askbox span { display: block; position: absolute !important; width: 1px; height: 1px; font-size: 0; line-height: 1px; left: -10px; top: 10px;

    border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #eee; text-shadow: 0 1px 1px #eee;} titu {color:#C3C3C3!important;font-family: 'Sue Ellen Francisco', cursive;font-s ize:23px;line-height:15px;font-weight:normal;margin:0px;padding:0px;margin-botto m:-0px;text-align:left;letter-spacing: 1px;} tituu {color:#505050!important;font-family: 'Josefin Slab', serif;font-size:15px ;line-height:17px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;t ext-align:left;letter-spacing: 1px;} borda4 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

    .wishlist { border-bottom: 1px solid #f5f5f5; margin-bottom: 2px;} blockquote {padding-top:0;margin: 12px; text-align: justify; line-height:120%; b order-left: 5px solid #ddd; padding-left:6px;padding-bottom:0;padding-right:1px; font-size: 7pt; font-family: verdana;}

    /**** SELECAO COLORIDA - MADLYLUV.com ****/ ::-moz-selection {color: #000000; background: #eee;} ::selection {color: #fff; background: #eee;}

    .faixa {display:block; background: #f5f5f5; color:#f5f5f5; font-size:9px; letter-spacing:1px; padding:1px 2px 1px 2 px; text-shadow:1px 1px 0 #fff; margin-top: 3px; text-align: right;-webkit-borde r-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .faixa2 {display:block;margin-bottom: 3px; background: #eee; color:#ccc; font-size:9px; letter-spacing:1px; padding:1px 4px 1px 4px; te xt-shadow:1px 1px 0 #fff; margin-top: 3px; text-align: right;-webkit-border-radi us: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    .borda4{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .borda44{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10p x;} .borda:hover{-webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;border:3px solid #ccc;}

    b, strong {color: #8C9C88 ; cursor: help;} i, em {font: italic 11px verdana; color: #8C9C88 ; cursor: help; } u { color: #8C9C88 ; border-bottom: 1px #8C9C88 dashed; text-decoration: none; cursor: help; } s, strike {color: #8C9C88; cursor: #8C9C88;} .borda{border:3px solid #ccc; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;margin-bottom:5px } #twitter_div ul {margin: 0; padding: 0; list-style-type: none;}

    #twitter_div ul li {padding: 2px; background: #fff; border-bottom: 1px dashed #e ee;}

    #twitter_div ul li a {font-size: 6px; color: #bbb;}

    #twitter_div ul li:hover {background: #fff;} </style> <body>

    <div style=" top: 0px;border: 1px dashed #eee; left: 210px; height: 100%; z-inde x: 100; position: fixed;"></div> <div style="position:fixed; width:190px; left:630px;bottom:25px; text-align: ju stify;"> <img src="http://static.tumblr.com/1o0xgo7/CDllvhijg/livro.png" width="150" clas s="bordaa44" class= shakeimage onMouseover= init(this);rattleimage() onMouseout= stoprat tle(this);top.focus() onClick= top.focus() > </center> </div> <div style="position:fixed; width:190px; left:060px;bottom:5px; text-align: jus tify;">theme by preterir {block:JumpPage}<a class="jump_page" href="{URL}">{Page Number}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}{/ block:Pagination} </div> <div style="position:fixed;height: 385px; width:190px; left:010px;top:60px; tex t-align: justify;"> <center><titu>Coloque um ttulo aqui...</titu></center> <br> Coloque um texto ou alguma denscricao aqui . Coloque um texto ou alguma denscric ao aqui . Coloque um texto ou alguma denscricao aqui . Coloque um texto ou algum a denscricao aqui . Coloque um texto ou alguma denscricao aqui . Coloque um text o ou alguma denscricao aqui . Coloque um texto ou alguma denscricao aqui . Coloq ue um texto ou alguma denscricao aqui . Coloque um texto ou alguma denscricao aq ui ... { <a href="#?w=400"rel="07" class="poplight"><tiu>Mande uma ask</titu></a > . <a href="http://nomedoseutumblr.tumblr.com/"><tiu>Home</titu></a> . <a href= "#?w=450"rel="08" class="poplight"><tiu>About</titu></a> } <p> <br> <img src="http://29.media.tumblr.com/tumblr_ln5kca6XNC1qim7plo1_500.gif" width=" 190" class="borda44" class= shakeimage onMouseover= init(this);rattleimage() onMouseou t= stoprattle(this);top.focus() onClick= top.focus() > </center> </div></div> </div> </div>

    <div id="post" style="padding: 6px; top: 5px; left: 205px; position: absolute; f ilter: alpha(opacity=90); moz-opacity:.90; opacity:.90; color:#000;float:right;w idth: 410px; background:transparent ;">

    {block:Posts} <div class="box11"><div class="linha"></div><div class="linha">{block:ContentSou rce}<a href="{SourceURL}" target=blank>(Original)</a>{/block:ContentSource} {block:HasTags} Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag }</a>,&nbsp;{/block:Tags}{/block:HasTags}</a> {block:RebloggedFrom} via <a href= "{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{Reblog RootName}</a>{/block:RebloggedFrom} {block:NoteCount} / <a href="{Permalink}">({NoteCount}) Notes </a>{/block:NoteC ount}

    {block:PostNotes}<br />{PostNotes}{/block:PostNotes} - <a href=" http://tmv.proto.jp/reblog.php?post_url={Permalink};"> Reblog This!</a>

    </div><p> <div class=date> </div>

    {block:Text} <titu>{block:Title}<a href="{Permalink}" class="titu"><titu>{Tit le}</titu></a>{/block:Title}</titu> <div>{Body}</div> {/block:Text}

    {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askbo rder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/ block:Answer}

    {block:Link} <titu><a href="{URL}">{Name}</a></titu> {block:Description}{Description}{/block:Description}

    {block:Link}

    {block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" width= 400px class="borda4" />{LinkCloseTag} {block:Caption}{Caption}{/block:Caption} {/block:Photo} {block:Quote} <titu><big>"</big> <span class= aspas >&#10077;</span><div class= quo te > {Quote} </div>"</titu> {block:Source}&mdash; {Source}{/block:Source} {/block:Quote}

    {block:Chat} <titu> {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title} <table> {block:Lines} <tr> {block:Label}<td class="name">{Label}</td>{block :Label} <td class="words">{Line}</td> </tr> {/block:Lines} </table><br /> </titu> {/block:Chat}

    {block:Audio} <div style="float:right; margin-top: 6px;"><i>Msica ouvida {PlayC ount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a> ){/block:ExternalAudio}</div> <center>{AudioPlayerWhite}</centeR> {block:Caption}{Caption}{/block:Caption}<br /> {/block:Audio}

    {block:Video} <center>{Video-500}</center> {block:Caption}{Caption}{/block:Caption}<br /> {/block:Video}

    </div> {/block:Posts} </div> </div></div>

    </center> </div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div>

    </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div></div> </div> </div> </div> </body>

    <div id="07" class="popup_block"><div class="faixa"><titu>Ask me</titu> </div><p>

    <p><iframe frameborder="0" scrolling="no" width="100%" height="149" src="http:// www.tumblr.com/ask_form/nomedoseutumblr.TUMBLR.COM" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').a llowTransparency=true;</script><![endif]--></p> </div></div></div> <div id="08" class="popup_block"> <div class="faixa"><titu>Crditos:</titu></div> <p> Theme totalmente feito por:<a href="/">Lucas</a> <br>Quote:<a href="http://ritamafalda.tumblr.com/">Rita</a> <br>Grfico:<a href="http://biibis.tumblr.com/">Biibis</a> <br>Alguns cdigos,e inspirao: <a href="http://rawrisah.tumblr.com/">Isa M.(diva)</ a>

    <br>Muita inspirao: <a href="http://marlivia.tumblr.com/">Marlivia</a>

    </div></div></div>

    <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN DTD/xhtml1-strict.dtd >

    http://www.w3.org/TR/xhtml1/

    You might also like