Adding color/gradient to topic rows/lines
4 posters
Page 1 of 1
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Hi,
I've notice that you've been asking for similar things to what we have here at the Support Forum, please be aware that we cannot give you the exact coding, in other words, your forum must not look exactly to the Support Forum. However, here's the codes to what changes the color for what you're asking for:
Just replace "#COLOR" with whatever hex color you want.
I've notice that you've been asking for similar things to what we have here at the Support Forum, please be aware that we cannot give you the exact coding, in other words, your forum must not look exactly to the Support Forum. However, here's the codes to what changes the color for what you're asking for:
- Code:
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
border-top: 1px solid rgba(0, 0, 0, 0.47);
padding: 2px 1px;
background-color: #COLOR;
}
Just replace "#COLOR" with whatever hex color you want.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
Yeah I really like the theme here:) however,
The code you gave me doesn't include a DROP SHADOW or a Gradient, just color ? I need something more like gradient to the lines or shadow something like that ?
The code you gave me doesn't include a DROP SHADOW or a Gradient, just color ? I need something more like gradient to the lines or shadow something like that ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Forgive me, replace the code given above with this one:
Regards,
Sir Chivas.
- Code:
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
border-top: 1px solid rgba(0, 0, 0, 0.47);
padding: 2px 1px;
background-color: #afc3db;
box-shadow: 0px 0px 2px 2px #000000;
}
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
the code did just set lines in unrequested area :
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Did as requested:
Can you please be more specific?
MIKAIL wrote:I need something more like gradient to the lines or shadow something like that ?
Can you please be more specific?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
In the topic Rows/lines or whatever they're called!! not forum ones! so color with shadow on boottom or gradient something like that, but only on TOPIC rows/lines not on the HOME PAGE!
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Okay, calm down there... I am a human being, I intend to do mistakes from time to time...
Code Removed, the correct code is provided below.
Code Removed, the correct code is provided below.
Last edited by Sir Chivas™ on April 8th 2014, 12:43 am; edited 1 time in total
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
You should maybe add a unique class to the parent so you can edit the topics list easier.
Administration panel > display > templates > general > topics_list_box
Find :
Replace by :
Save and publish.
Then add .forumline.topicslist before any of your elements to select them inside the topics list.
Administration panel > display > templates > general > topics_list_box
Find :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
Replace by :
- Code:
<table class="forumline topicslist" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
Save and publish.
Then add .forumline.topicslist before any of your elements to select them inside the topics list.
- Code:
.forumline.topicslist .row2 {
background:red;
}
Re: Adding color/gradient to topic rows/lines
lol man he try helping you, and you are mad keep calm dude you not pay him and he lose his time also he do it for free...MIKAIL wrote:In the topic Rows/lines or whatever they're called!! not forum ones! so color with shadow on boottom or gradient something like that, but only on TOPIC rows/lines not on the HOME PAGE!
here is arabic community : http://help.ahlamontada.com/
Last edited by TheShaka on April 8th 2014, 12:46 am; edited 1 time in total
Re: Adding color/gradient to topic rows/lines
TheShaka wrote:lol man he try helping you, and you are mad keep calm dudeMIKAIL wrote:In the topic Rows/lines or whatever they're called!! not forum ones! so color with shadow on boottom or gradient something like that, but only on TOPIC rows/lines not on the HOME PAGE!
Thank you, however, please refrain from posting if you aren't going to provide an answer. Next time please make sure any statements or so are taken through PM. Thank you from understanding.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
See the lines in the photo they Have a little bit of gradient in them, that's what im trying to do ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
You're wanting to add this to all cells ?
Try selecting all the cells and add the style you want to them :
Try selecting all the cells and add the style you want to them :
- Code:
.forumline.topicslist td {
background:red;
}
Re: Adding color/gradient to topic rows/lines
Ange, he wants like a glow:
So, would be:
So, would be:
- Code:
.forumline.topicslist td {
box-shadow: 0px 0px 2px 2px #000000;
}
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
lol the code's not working man, all I want it's a shadow on the bottom of the line ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Have you tried this:
Then add the CSS:
Ange Tuteur wrote:You should maybe add a unique class to the parent so you can edit the topics list easier.
Administration panel > display > templates > general > topics_list_box
Find :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
Replace by :
- Code:
<table class="forumline topicslist" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
Save and publish.
Then add the CSS:
- Code:
.forumline.topicslist td {
box-shadow: 0px 0px 2px 2px #000000;
}
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Try this :
- Code:
.forumline.topicslist td { box-shadow:0 -3px 6px #000 inset !important; }
Re: Adding color/gradient to topic rows/lines
it's not working, you see the lines in forumotion forum in the first picture I posted, they have two sort of colors, a blue, and a deep blue that's what im trying to do ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
I've reached something so far but not quite what I want! Using this codes I've managed to do something but I want the whole first line with the first texture and the whole second line with the second texture and repeatedly the same third line with first texture, and fourth line with second texture, If you understand what I mean! here's the code's I used but I havend reached the result I want yet! :
Preview:
- Code:
.bodyline, .forumline .row1, .row3, .forumline_catg td {
background:url('http://i58.tinypic.com/2h31mw3.jpg');
}
.row2 {
background:url('http://i62.tinypic.com/dr9so5.jpg');
}
Preview:
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
help ? it's been 24 hours no one responded ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Try keep calm so maybe they will try help you =_='MIKAIL wrote:help ? it's been 24 hours no one responded ?
Re: Adding color/gradient to topic rows/lines
thanks for the support though =.-
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Adding color/gradient to topic rows/lines
Yesterday at 15:48
Today at 13:37
Your two posts aren't separated by 24 hours, however, as your second posts isn't any additional information, I shall have to remind you not to post under a 24 hour difference. As your third reminder, you have earned yourself a warning. Next time please use the edit button. Thank you.
Now, to help you out; let me look at this and once I get it to work, I shall post the codes!
Regards,
Sir Chivas.
Today at 13:37
Your two posts aren't separated by 24 hours, however, as your second posts isn't any additional information, I shall have to remind you not to post under a 24 hour difference. As your third reminder, you have earned yourself a warning. Next time please use the edit button. Thank you.
Now, to help you out; let me look at this and once I get it to work, I shall post the codes!
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Adding color/gradient to topic rows/lines
Okay, sorry for posting before it's passed 24 hours though Waiting for codes...
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum