XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme and template troubleshooting 
  4.  / block with different color
Register
1
xsell
block with different color

  • 2009/7/8 0:49

  • xsell

  • Quite a regular

  • Posts: 245

  • Since: 2008/9/2 1


hello

how to make each block comes with different color , not the right block with a color and left one with another , but also each block left or right with differnet color on the order..


see the example below look to the right block how the blocks in different colors.
http://www.dugris.info/
2
sailjapan
Re: block with different color

Play with the css file in your theme.

Never let a man who does not believe something can be done, talk to a man that is doing it.
3
xsell
Re: block with different color

  • 2009/7/8 5:44

  • xsell

  • Quite a regular

  • Posts: 245

  • Since: 2008/9/2 1


Nah i dont think that is done with CSS
4
ghia
Re: block with different color

  • 2009/7/8 7:21

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


No, it is done with Smarty in the theme files. If you look in the Themes gallery, you can find some examples. (They are easy to spot in the thumbnails.)
5
xsell
Re: block with different color

  • 2009/7/8 23:34

  • xsell

  • Quite a regular

  • Posts: 245

  • Since: 2008/9/2 1


thx.
but no luck , i didt find any theme from the new gallery match the example ..

No worry it dont seem going be easy any way
6
ghia
Re: block with different color

  • 2009/7/9 8:10

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


You missed it.
7
mariane
Re: block with different color

  • 2009/7/9 19:06

  • mariane

  • Theme Designer

  • Posts: 649

  • Since: 2008/1/11


hello, i have another methode, try it and let me know if this exactly what you want or no.
if you need every block in left area with a color, you do the following:
- edit theme_blockleft.html and replace the existing code with this one:
<div class="<{cycle values = "d01,d02,d03,d04,d05,d06,d07,d08,d09"}>">
    <div><{$block.title}>div>
    <div class="blockContent"><{$block.content}>div>
div>

(sure you can use it for all block in the theme )
- add this code in the end of your css style:
.d01 {background-color:#99cc99; padding:2px 4px 2px 2px; font-size: 12px; margin-bottom:8px;}
.d02 {background-color:#cccc99; padding:2px 4px 2px 2px; font-size: 12px; margin-bottom:8px;}
.d03 {background-color:#294081; padding:2px 4px 2px 2px; font-size: 12px; margin-bottom:8px;}
.d04 {background-color:#5f9ea0; padding:2px 4px 2px 2px; font-size: 12px; margin-bottom:8px;}
.d05 {background-color:#3350a1; padding:2px 4px 2px 2px; font-size: 12px; margin-bottom:8px;}


that's all
you can edit colors, styles...etc by changing : .d01 ..etc
the road of success is always under construction
8
ghia
Re: block with different color

  • 2009/7/9 20:49

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


No, it is the same method as in the yahoo theme:
<{cycle values="1,2,3,4" assign="count"}>
<div class="leftTitle<{$count}>"><{$block.title}>div>
<div class="leftContent<{$count}>"><{$block.content}>div>
/* LeftBar Title Blocks */
.leftTitle1, .leftTitle2, .leftTitle3, .leftTitle4
        {font-family: trebuchet ms, trebuchet, arial, lucilda; font-weight:bold; vertical-align:middle;padding:3px 2px 1px 5px;}

.leftTitle1 {color: #FFFFFF; background: #4D99E5; font-size:11px;text-align:left;}
.leftTitle2 {color: #FFFFFF; background: #66CC66; font-size:11px;text-align:left;}
.leftTitle3 {color: #FFFFFF; background: #9B72CF; font-size:11px;text-align:left;}
.leftTitle4 {color: #FFFFFF; background: #9B72CF; font-size:11px;text-align:left;}


/* LeftBar Content Blocks */
.leftContent1, .leftContent2, .leftContent3, .leftContent4
{font-family: trebuchet ms, trebuchet, arial, lucilda; padding-left: 5px; padding-bottom:5px;}

.leftContent1 {color:#000000; background:#E5F6FF; font-size: 10px; text-align:left;}

.leftContent2 {color:#000000; background:#EBFCBB; font-size: 10px;}

.leftContent3 {color:#000000; background:#F1F1FD; font-size: 10px;}

.leftContent4 {color:#000000; background:#F1F1FD; font-size: 10px;}

9
xsell
Re: block with different color

  • 2009/7/10 2:11

  • xsell

  • Quite a regular

  • Posts: 245

  • Since: 2008/9/2 1


Thx Ya All !!

I will look up later Both Ways and try ..

Sorry Ghia i missed that theme cuse i didt look on the old themes Catgeory.
10
xsell
Re: block with different color

  • 2009/7/10 5:07

  • xsell

  • Quite a regular

  • Posts: 245

  • Since: 2008/9/2 1


Just Update .. Ghia and Mariane both wasy Works .Thx

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

336 user(s) are online (243 user(s) are browsing Support Forums)

Members: 0

Guests: 336

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits