This is a Hitskin.com skin preview
Install the skin • Return to the skin page
4 posters
Adding color/gradient to topic rows/lines
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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.
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
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 ?
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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.
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
the code did just set lines in unrequested area :
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
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!
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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
Ange Tuteur- Forumaster
- Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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;
}
TheShaka- Forumember
- Posts : 413
Reputation : 6
Language : polish
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
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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.
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
See the lines in the photo they Have a little bit of gradient in them, that's what im trying to do ?
Ange Tuteur- Forumaster
- Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
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;
}
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Ange, he wants like a glow:
So, would be:
So, would be:
- Code:
.forumline.topicslist td {
box-shadow: 0px 0px 2px 2px #000000;
}
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
lol the code's not working man, all I want it's a shadow on the bottom of the line ?
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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;
}
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
yes.
Ange Tuteur- Forumaster
- Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Please provide a link to your forum.
Thank you.
Thank you.
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Ange Tuteur- Forumaster
- Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Try this :
- Code:
.forumline.topicslist td { box-shadow:0 -3px 6px #000 inset !important; }
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
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
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
help ? it's been 24 hours no one responded ?
TheShaka- Forumember
- Posts : 413
Reputation : 6
Language : polish
Try keep calm so maybe they will try help you =_='MIKAIL wrote:help ? it's been 24 hours no one responded ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
thanks for the support though =.-
Sir Chivas™- Helper
- Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
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.
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Okay, sorry for posting before it's passed 24 hours though Waiting for codes...