Runboard.com
You're welcome.



       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2  3  4  5  6  7 

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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.

Image

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)...

---

Advertise Boards On TRDConceptsDE
8/10/2010, 3:42 pm Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
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 -->

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/10/2010, 4:42 pm Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

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. emoticon

---

Advertise Boards On TRDConceptsDE
8/10/2010, 6:33 pm Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
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. emoticon

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/10/2010, 6:54 pm Link to this post PM Lesigner Girl Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/10/2010, 7:40 pm Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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)...

---

Advertise Boards On TRDConceptsDE
8/11/2010, 5:50 am Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
ReplyQuote
Re: How do you make a smooth tiled image?


Yeah, people will still manage to screw it up royally. emoticon I think those comments make it about as clear as it can get, though. emoticon

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/11/2010, 4:43 pm Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---

Advertise Boards On TRDConceptsDE
8/12/2010, 1:20 am Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
ReplyQuote
Re: How do you make a smooth tiled image?


That's good to hear. emoticon Now if IE would just get their act together...

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/12/2010, 1:34 am Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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 emoticon
 emoticon

---

Advertise Boards On TRDConceptsDE
8/12/2010, 2:22 am Link to this post PM Pastor Rick Read Blog
 


Add to this discussion


Jump to Page:  1  2  3  4  5  6  7 



You are not logged in (login)
Back To Top

This board's time is GMT.

Board's time is GMT