Sep 22, 2018
Jeremy’s JRB set list (and counting)
someone to fall back on
schmuel’s song
moving too fast
seen from United States
seen from United Arab Emirates
seen from Ukraine
seen from Switzerland
seen from China
seen from Türkiye
seen from United Kingdom
seen from United States
seen from Switzerland
seen from France
seen from South Korea
seen from Germany
seen from China
seen from China
seen from United Kingdom
seen from Türkiye
seen from Australia
seen from Germany
seen from Türkiye
seen from France
Jeremy’s JRB set list (and counting)
someone to fall back on
schmuel’s song
moving too fast
So i made a Rita rp blog and a Droite rp blog...
Hopefully i’ll get them started today....
Pop up Links Table
Paste this code under <style type="text/css"> or <style>
Paste this code inside your links popup.
Replace the word "Section" with each section name, and replace all the links. (be sure to have http:// at the beginning of every link) You can also change the colors and fonts in the code from step 1.
Zig Zag Animation Hover Links
© This code belongs to 4lisonwonderland and public distribution or use with out credit is a breach of the terms and services
Live View
Play&Style Code
Paste this code under the <style type=”text/css”> tag
To style use the notes in the */ tags and use the play&style link
.bmenu{ padding: 0px; margin: 0 0 10px 0; position: relative; width: 150px; /* Width of links*/ overflow: none; } /* ------------------ NORMAL STATE ------------------ */ li:nth-child(even){ -webkit-transform:skewX(10deg); background-color: #F9C; /* Background Color of even links */ } li:nth-child(odd){ -webkit-transform:skewX(-10deg); background-color: #6CF; /* Background Color of Odd links */ } .bmenu > li { position: relative; display: inline-block; opacity: 0; padding-left: 5px; padding-right: 5px; height: 20px; } .bmenu:hover > li{ opacity: 1; overflow: none; font-size: 20px; display: block; text-align: center; } .bmenu:hover > li:nth-child(odd) { -webkit-animation-name: bounceInDown; -webkit-animation-duration: 1s; } .bmenu:hover > li:nth-child(even) { -webkit-animation-name: bounceInDown2; -webkit-animation-duration:1s; }
Now paste this code where you want your hover links to be
Note: Change the link url and names to your liking
<link href='http://static.tumblr.com/blpgwiz/9ccm530qv/zig_zag_css.css' rel='stylesheet' type='text/css'> <ul class="bmenu"><center>Links</div></center> <li><a href="Linkurl">link</a></li> <li><a href="Linkurl">link</a></li> <li><a href="Linkurl">link</a></li> <li><a href="Linkurl">link</a></li> <li><a href="Linkurl">link</a></li> <li><a href="Linkurl">link</a></li> </ul>
sideways link hover!
live preview- just check out my 'vrai' theme(: xx
1) paste this under the tag.
#cat { letter-spacing:1px; } #cat a { display:relative;width:100px;letter-spacing:1px; } #cat .meow { filter: alpha(opacity = 0); opacity:0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;transition: all 1s ease-out; text-align:center; margin-left:-135px; position:relative; } #cat:hover .meow { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;transition: all 1s ease-out; filter: alpha(opacity = 80); filter: alpha(opacity = 100); opacity:100; margin-left:0; position:static; display:clear; text-align:center; } .meow a:hover { background-color:{color:Permalink}; padding:2px; border-radius:10px;opacity:50;filter: alpha(opacity=50); }
2) paste this under <body> tag.
NO NEED for adding text, just keep your pages as "show page as" (:
xx