Welcome Guest [Log In] [Register]
Add Reply
Notes to self:; Spiffy notes and things to fix
Topic Started: Jul 5 2010, 10:40 PM (686 Views)
Cory


Admin CP Posted Image Themes Posted Image Themes Posted Image Edit Theme Layout
Code:
 
<script type="text/javascript">
if (!location.href.match('index')) {
$('#nav li:last').addClass('last-li');
}
$('#nav a:first').addClass('first-a');
</script>
Admin CP Posted Image Themes Posted Image Themes Posted Image Edit Theme Appearance
Code:
 
#nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
display: inline;
}

#nav li {
background: url(http://z3.ifrm.com/28118/148/0/p347979/nav_right.png) no-repeat right;
float: left;
margin: 0;
padding: 5px 0;
}

#nav a, #nav span {
background: url(http://z3.ifrm.com/63/1/0/f613592/nav_lft.png) no-repeat;
padding: 5px 0 5px 15px;
margin-right: 14px;
}

#nav li.last-li {
background: url(http://z3.ifrm.com/28118/148/0/p347976/crnt_nav_rgt.png) no-repeat right;
}

#nav span {
background: url(http://z3.ifrm.com/63/1/0/f613604/crnt_nav_lft.png) no-repeat;
}

#nav a.first-a {
background: url(http://z3.ifrm.com/63/1/0/f613601/nav_first_lft.png) no-repeat;
padding: 5px 0 5px 7px;
}
The ID banner is wrapped around all the HTML, so it seems the end DIV tags need to be moved, or they were never added.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想

I fixed the missing DIV tag, and added the codes. Three things though:

One: Is there any way to get the images closer together like in the preview?
Two: Can we move the navigation marker image onto the first tab, or remove the background from the nav marker?
Three: It seems the bottom drop shadow is cut off slightly. A way to fix this?

Otherwise... -hugs Cory for his awesome coding-ness- =]
Offline Profile Quote Post Goto Top
 
Cory


#nav li... padding: 6px 0
#nav a, #nav span... padding: 6px 0 6px 15px
#nav a.first-a... padding: 6px 0 6px 7px
#nav li... Change the margin to margin-right: -11px;

Remove the icon for now. I'll get to that later.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想

Alright, great! Thanks Cory. =D
Offline Profile Quote Post Goto Top
 
Cory


Change the current #nav JavaScript to this, if you will please:
Code:
 
$('#nav li:last').addClass('last-li');
$('#nav li:eq(1)').addClass('first-li');
$('#nav a:first').addClass('first-a');
$('#nav a:first').prepend('<img src="http://z3.ifrm.com/28094/5/0/p329068/NavIcon.png" alt="" /> ');
Change the CSS strip #nav li to #nav li, li.first-li.
Code:
 
#nav li.last-li {
background: url(http://z3.ifrm.com/28118/148/0/p347976/crnt_nav_rgt.png) no-repeat right;
}
Place that above the #nav li, li.first-li strip.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Service Discussion · Next Topic »
Add Reply

ThemesEvents
ThemesEvents