Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
I am using this pic for the "back-2-top" background.
I would like to get the actual text to move down a little bit so it is easier to read. Padding would be best for this I think but I have not tried it yet (have to go to work in 5 minutes)...
|
8/10/2010, 3:42 pm
|
Link to this post
PM Pastor Rick
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
The pattern for the nesting is odd
It's still wrong. Strange that I didn't notice it before.
Pastor Rick said:
I just started a topic on the skin to detail new (or unique) features of the skin fo potential board owners. May I have permission to repost your nesting example on how the menu works there?
Yes, but you should make it a complete menu. Here's the code, with corrected nesting:
<ul id="nav">
<li class="extend"><span>Murder</span>
<ul>
<li>Looking at death</li>
<li>The haunting</li>
<li>Escape</li>
</ul>
</li><!-- end Murder -->
<li class="extend"><span>Mystery</span>
<ul>
<li>Who died</li>
<li>Where did it happen</li>
<li>How did it happen</li>
<li>Why did they die</li>
<li>Who did it</li>
</ul>
</li><!-- end Mystery -->
<li class="extend"><span>Suspense</span>
<ul>
<li>The scene</li>
<li>The Time</li>
<li>Plea for help</li>
<li>The suspects</li>
<li>Romance distractions</li>
<li>On the trail</li>
<li>Clue Discoveries</li>
<li>Communication</li>
<li class="extend"><span>Solved Mysteries</span>
<ul>
<li>Runboard Support</li>
<li>Runboard Directory</li>
</ul>
</li><!-- end Solved Mysteries -->
</ul>
</li><!-- end Suspense -->
</ul><!-- end nav -->
|
8/10/2010, 4:42 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
Dropped in during my lunch break and saw my next planned tweak was already done! Thank you Lesa for that, I didn't even think about the text shadow but it really makes it stand out.
I think the biggest problem on the menu style is the browser hahaha... FF knows enough to work around minor nesting problems so that the display will work correctly if you are close (I am not quite ready for the HTML validation stage yet). Maybe tonight I will finish with the tweaks and changes I want for the skin and I can then run the whole thing through the validations.
A first for me. The CSS validated on my first attempt! I have always had to go back and fix some dumb mistakes before this skin so I am feeling very happy right now.
|
8/10/2010, 6:33 pm
|
Link to this post
PM Pastor Rick
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
You're welcome, Rick. The text-shadow code I put in works in FF, Chrome, Opera, and Safari, but not Flock or IE, so if you like it, you (or I) could look up the filter for IE and also see if there's a way to do it in Flock. I was actually thinking about looking up the IE filter so I could put it in here.
Good job on getting the CSS to validate the first time. I actually took a few lines out of your b2t (line-height and width, if I remember correctly; divs are 100% by default), although the stuff I took out would have validated anyway.
I had another reminder last night of how forgiving FF can be. A friend needed help on a non-RB site last night and a script error was causing the page not to load in IE, but it loaded fine in FF. Turns out the problem wasn't in the script itself, but some missing HTML was apparently confusing the script.
|
8/10/2010, 6:54 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
It doesn't look like there's a way to do it in Flock yet, and dropshadow doesn't seem to be working for IE, at least not for post titles like I wanted here. The only way you can currently get a shadow effect with every browser would be to repeat text and use absolute positioning, but I personally don't think it would be worth it.
|
8/10/2010, 7:40 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
I spent some time looking for a way to do it before giving up on getting the text-shadow to work with all browsers easily.
HERE is the way I posted your nice HTML nesting post for the menu. I did add one other comment to each section that I think may help the novice that wants to tackle a skin with advanced features in it (and you just know that is going to happen)...
|
8/11/2010, 5:50 am
|
Link to this post
PM Pastor Rick
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
Yeah, people will still manage to screw it up royally. I think those comments make it about as clear as it can get, though.
It's too bad the other browsers won't get with the times. Text shadows already seem to be pretty common, so they really need to start supporting them.
|
8/11/2010, 4:43 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
The Flock beta supports the text-shadow.
|
8/12/2010, 1:20 am
|
Link to this post
PM Pastor Rick
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
That's good to hear. Now if IE would just get their act together...
|
8/12/2010, 1:34 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: How do you make a smooth tiled image?
That is a really good first wish
|
8/12/2010, 2:22 am
|
Link to this post
PM Pastor Rick
Read Blog
|