Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <center><div style="width:400px;background-image:url('http://orig13.deviantart.net/23d9/f/2017/177/5/f/animated_starfield_tile_by_artbit_d3c2ooe_by_caiir-dbe5k7f.png');padding:20px;border:3px solid #000;color:#fff;"><headers>title</headers>
- <div style="width:350px;padding:15px;height:100%;background-color:rgba(0, 0, 0, 0.7);border:1px solid #cecece;text-align:left;"><div style="width:350px;height:400px;overflow:hidden;"><div style="width:360px;height:400px;padding:5px;overflow:auto;">This div has a hidden scrollbar.
- It also has <a class="info">hovers.<span>AAAAAAAAAAAAAAAAAA</a>
- Includes a youtube player at the bottom. The video ID is the last part of the url [the random jumble of letters + numbers]
- </div></div></div>
- <div style="width:350px;background:#000;padding:5px;height:100%;background-color:rgba(0, 0, 0, 0.7);border:1px solid #cecece;text-align:center;">This is a smaller div, where you can put things like contact info.</div>
- <iframe width="30" height="25" src="https://www.youtube.com/embed/IDHERE" frameborder="0"></iframe></div>CSS layout by Shey.</center><div style="display:none;">
- ***************CSS***************
- <style> headers{font-variant:small-caps;font-size:25px;font-family:Palatino; text-shadow: -0.05em 0 0 #F22613, 0.05em 0 0 #00FFFF} </style> - this is the styling for your title.
- <style> body{font-size:10px;font-family:'Roboto', sans-serif;} </style> - styling for the body text.
- <style>#comments{margin:auto;width:600px;} comment.odd,tr.odd,.comment.even,tr.even{background-color:rgba(0, 0, 0, 0.3);} .comment{margin:20px 0px;border:3px solid #000;} .node .links, .comment .links{text-align:center} .node{border-bottom:none}</style> - Styling for comments and the edit/reply links.
- <style> a:link, a:visited{color:#cecece} a:link:hover, a:visited:hover{color:#d42727;text-decoration:none;}</syle> - Styling for blog links.
- <style> a.info { position:relative; z-index:24; text-decoration: none;} a.info:hover { z-index:25; color: #d42727;text-decoration:none;} a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:0em; width:150px; color: #FFFFFF; border:none; background-color:#000000; font-family:Verdana; padding: 5px; text-align:justify}</style> - Hover styling.
- ***************END OF CSS***************</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement