May. 30th, 2014
No Subject
Hey guys! I'm trying to tweak this layout for a character of mine, and I'm running into a few things I'm not sure how to deal with, so I'm crossing my fingers that you guys can help! If you'd like the coding I'm using on my journal or the coding for the journal I linked up there, let me know and I'll be happy to provide it! Thank you so much in advance!!
1.) Is there a way to give the friends page icons their own background? Instead of the white that you see, have it match your page's background or something like that?
2.) How do I make the gifs, when hovered over, not fade (and bonus points if that applies to all images, period, since most of them seem to do that)?
3.) How do I make the calendar view not show the navigation stuff (the entries|friends|calendar at the top right and website/userinfo/calendar in the top middle)? It seems like it would be possible, but I can't figure out what I'd need to tweak to make it work.
4.) If there's no way to make #3 happen, is there a way to make my tags page be something other than that ugly blue and white default? Like, say, match my layout?
1.) Is there a way to give the friends page icons their own background? Instead of the white that you see, have it match your page's background or something like that?
2.) How do I make the gifs, when hovered over, not fade (and bonus points if that applies to all images, period, since most of them seem to do that)?
3.) How do I make the calendar view not show the navigation stuff (the entries|friends|calendar at the top right and website/userinfo/calendar in the top middle)? It seems like it would be possible, but I can't figure out what I'd need to tweak to make it work.
4.) If there's no way to make #3 happen, is there a way to make my tags page be something other than that ugly blue and white default? Like, say, match my layout?
Comments
.entrybox a.index {color:#000000; font-family: Consolas; font-size:8px; line-height:8px; text-transform:uppercase; letter-spacing: 1px; padding:0px;}
And add the following beneath it, then style as desired:
.entrybox a.index {padding:5px;background:#000 url();}
(I could not change the white when testing in a code editor, so I'd go here if I were you, click CUSTOM COLORS, and clear any #FFFFFF color codes from the boxes and see if that works.)
2. Replace this:
img {border-radius: 2; opacity:1.0; filter:alpha(opacity=100); -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
img:hover {opacity:0.0; filter:alpha(opacity=0); -webkit-filter: blur(5px); -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
With this:
img {border-radius:2;}
3. This one I don't think I can fix without snagging your code, sorry!
4. No, S1 style tags pages are always going to look default, sadly. Super gross, I know. Your layout is only going to span to your tags page with S2 layouts. Sorry again!
CALENDAR_WEBSITE<=
85az30.png); box-shadow: 2px 2px 4px #000000; border-radius:2px; color:#4C2C53; font-family: Dancing Script; font-size: 23; line-height:27px; letter-spacing:0; text-transform:none; text-decoration:none; display:block; -webkit-transition-duration: 0.9s;
541fe3e5f6824364345ec5/tumblr_mtfhwtWffw 1qee9ito8_r1_250.gif" align="right" style="padding:2px; border: 1px dashed #4C2C53; display: block; border-radius: 20px 2px 20px 2px;"><img width="150" src="http://media.tumblr.com/4d71a6f9d4 7d640bd871162dc16d0f1a/tumblr_mtfhwtWffw 1qee9ito4_r1_250.gif" align="right" style="padding:2px; border: 1px dashed #4C2C53; display: block; border-radius: 20px 2px 20px 2px;"> info.bml?user=nessa" style="text-decoration: none" title="ᴘʀᴏғɪʟᴇ">♡</a> <a href="http://nessa.insanejournal.com/fr iends" style="text-decoration: none" title="ғʀɪᴇɴᴅs">♡</a> <a href="http://nessa.insanejournal.com/20 08/08/08/" style="text-decoration: none" title="ʏᴏᴜʀ ᴄᴜsᴛᴏᴍ!">♡</a></font></p>
<style>
table table table table .meta {visibility:hidden; position:absolute; top:1px;}
table table table table table .meta {visibility:visible; position:relative; top:1px;}
.shadowed {background-image:url()}
tr.caption, .shadowed td div, .shadowed img {display:none;}
.supguys {padding-left:15px; text-shadow: 1px 1px 2px #c0c0c0; background-image:url(http://i.imgur.com/f
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
.supguys a:hover {text-decoration:none; -moz-transition: all 0.6s ease-out; /* FF3.7+ */
-o-transition: all 0.6s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */
transition: all 0.6s ease-out;}
.links {text-shadow: 1px 1px 2px #000000; color: #c3e4f3; font-family: Reenie Beanie; font-size:27px; font-weight:bold; letter-spacing:-2px; line-height:14px; text-transform: lowercase;}
</style>
<tr><td colspan="5" width="725">
<table width="725" height="130" align="right" cellspacing="0" border="0" cellpadding="0">
<tr><td width="0"></td>
<td align="justify" valign="right" style="-webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg);">
<font class="links"><img width="150" src="http://media.tumblr.com/6c0129fd03
<br>
<font class="supguys">There is nothing in a caterpillar that tells you it's going to be a butterfly. <a href="http://www.insanejournal.com/user
</td></tr></table></td></tr>
<=CALENDAR_WEBSITE
Lmk if you need help with the other fixes. :3
DAY_TALK_LINKS<=
85az30.png); box-shadow: 2px 2px 4px #000000; border-radius:2px; color:#4C2C53; font-family: Dancing Script; font-size: 23; line-height:27px; letter-spacing:0; text-transform:none; text-decoration:none; display:block; -webkit-transition-duration: 0.9s;
541fe3e5f6824364345ec5/tumblr_mtfhwtWffw 1qee9ito8_r1_250.gif" align="right" style="padding:2px; border: 1px dashed #4C2C53; display: block; border-radius: 20px 2px 20px 2px;"><img width="150" src="http://media.tumblr.com/4d71a6f9d4 7d640bd871162dc16d0f1a/tumblr_mtfhwtWffw 1qee9ito4_r1_250.gif" align="right" style="padding:2px; border: 1px dashed #4C2C53; display: block; border-radius: 20px 2px 20px 2px;"> info.bml?user=nessa" style="text-decoration: none" title="ᴘʀᴏғɪʟᴇ">♡</a> <a href="http://nessa.insanejournal.com/fr iends" style="text-decoration: none" title="ғʀɪᴇɴᴅs">♡</a> <a href="http://nessa.insanejournal.com/20 08/08/08/" style="text-decoration: none" title="ʏᴏᴜʀ ᴄᴜsᴛᴏᴍ!">♡</a></font></p>
<tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">COMMENT</a></td></tr>
<=DAY_TALK_LINKS
DAY_WEBSITE<=
<style>
table table table table .meta {visibility:hidden; position:absolute; top:1px;}
table table table table table .meta {visibility:visible; position:relative; top:1px;}
.shadowed {background-image:url()}
tr.caption, .shadowed td div, .shadowed img {display:none;}
.supguys {padding-left:15px; text-shadow: 1px 1px 2px #c0c0c0; background-image:url(http://i.imgur.com/f
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
.supguys a:hover {text-decoration:none; -moz-transition: all 0.6s ease-out; /* FF3.7+ */
-o-transition: all 0.6s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */
transition: all 0.6s ease-out;}
.links {text-shadow: 1px 1px 2px #000000; color: #c3e4f3; font-family: Reenie Beanie; font-size:27px; font-weight:bold; letter-spacing:-2px; line-height:14px; text-transform: lowercase;}
</style>
<tr><td colspan="5" width="725">
<table width="725" height="130" align="right" cellspacing="0" border="0" cellpadding="0">
<tr><td width="0"></td>
<td align="justify" valign="right" style="-webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg);">
<font class="links"><img width="150" src="http://media.tumblr.com/6c0129fd03
<br>
<font class="supguys">There is nothing in a caterpillar that tells you it's going to be a butterfly. <a href="http://www.insanejournal.com/user
</td></tr></table></td></tr>
<=DAY_WEBSITE