Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /************** FLAGS UPDATES TAB **************/
- /* tutorial by deanlirium|tumblr (clarence.tk) */
- #flags {
- position:fixed;
- top:100px; /* distance from the top of the page - adjust as you wish! */
- left:-10px;
- text-align:center;
- text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
- color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
- font-size:8px; /* adjust font size */
- letter-spacing:1px;
- z-index:2147483607;
- font-family:calibri;}
- #flag1 {
- border:solid 6px #4A4A4A; /* flag color */
- border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
- padding-left:10px;
- width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
- height:0px;
- position:absolute;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover {
- width:180px;} /* lenght of the OPEN flag */
- #upd1 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
- left:-180px;
- margin-top:6px; /* keep this number equal to the 'border' value for the flag */
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover #upd1{
- left:0px;
- opacity:1;}
- /* following is the coding for the other flags - same as above! */
- #flag2 {
- border:solid 6px #8C8C8C;
- margin-top:20px;
- position:absolute;
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover {
- width:180px;}
- #upd2 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover #upd2{
- left:0px;
- opacity:1;}
- /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
- #flag3 {
- border:solid 6px #B3B3B3;
- position:absolute;
- margin-top:40px; /* this one! */
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover {
- width:180px;}
- #upd3 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover #upd3{
- left:0px;
- opacity:1;}
- /* to here */
- </style><link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=acciosirius%26postID=" /><link rel="alternate" href="ios-app://305343404/tumblr/x-callback-url/blog?blogName=acciosirius&postID=" /><script src="http://assets.tumblr.com/assets/scripts/tumblelog_post_message_queue.js?_v=ae06d1ab69efc6f29297bf2b7a4160af"></script><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/calluna/stylesheet.css?v=3"><!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:site_name" content="" /><meta property="og:title" content="come chat" /><meta property="og:url" content="" /><meta property="og:description" content="" /><meta property="og:determiner" content="a" /><meta property="og:type" content="tumblr-feed:entry" /><meta property="og:image" content="http://assets.tumblr.com/images/og/fb_landscape_share.png" /><meta property="al:ios:url" content="tumblr://x-callback-url/blog?blogName=acciosirius&postID=" /><meta property="al:ios:app_name" content="Tumblr" /><meta property="al:ios:app_store_id" content="305343404" /><meta property="al:android:url" content="tumblr://x-callback-url/blog?blogName=acciosirius&postID=" /><meta property="al:android:app_name" content="Tumblr" /><meta property="al:android:package" content="com.tumblr" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="app" /><meta name="twitter:description" content="acciosirius" /><meta name="twitter:title" content="acciosirius" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=acciosirius&referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=acciosirius&referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=acciosirius&referrer=twitter-cards" /><link rel="canonical" href="http://acciosirius.tumblr.com/ask" /></head><body>
- <div id="flags">
- <div id="flag1"><div id="upd1">
- <b>about</b><p><marquee>#1 Percival Graves Stan</marquee><b>me:</b><br> James, 18, he/him<br>more about me <a href="/about">here</a> and <a href="/tagged/about-me">here</a><p><b>the blog:</b> 90% Harry Potter with some other fandoms including A Series of Unfortunate Events and Sherlock. My tags can be found <a href="/tags">here</a>
- </div></div>
- <div id="flag2"><div id="upd2">
- <b>things i'm in</b><p><i>admin:</i><br> <a href="http://lupinsprotectionsquad.tumblr.com">lupin's protection squad</a><p><a href="http://acciosirius.tumblr.com/ff">family (sirius)</a><p> <i>member:</i><br> <a href="https://dumbledoresarmy-returns.tumblr.com/">dumbledore's army</a><br><a href="http://weasleytwinsnet.tumblr.com">weasley twins net</a><br><a href="http://fantasticbeastsnetwork.tumblr.com">fantastic beasts network</a><br><a href="http://harrypotternetwork.tumblr.com">Harry Potter Network</a><br><a href="http://lgbthpnet.tumblr.com">lgbt hp net</a> <p><a href="http://fantasticgoldsteins.tumblr.com/fandom%20family">family 1 (graves)</a><br><a href="http://angelinajohnson.tumblr.com/ff#_=_">family 2 (sirius)</a><br><a href="http://qualityquidditch.tumblr.com/fandomfamily">family 3 (sirius)</a><br><a href="https://jamespottrr.tumblr.com/hpfam">family 4 (graves)</a><br><a href="http://ginnyweasleu.tumblr.com/fandomfam">family 5 (sirius)</a>
- </div></div>
- <!---- if you want more flags, copy from here ---->
- <div id="flag3"><div id="upd3">
- <b>currently</b><p>enteries open for my <a href="http://acciosirius.tumblr.com/post/155637456734/hii-so-basically-weve-wanted-to-do-something">tumblr awards</a><p>moodboard requests are <a href="http://acciosirius.tumblr.com/ask">open</a><p>join my <a href="http://acciosirius.tumblr.com/ff">fandom family</a>?
- </div></div>
- <!---- to here and change the numbers according to your css! ---->
- <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement