The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Adding color/gradient to topic rows/lines

View previous topic View next topic Go down

In progress Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 7th 2014, 9:49 pm


DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 7th 2014, 11:54 pm

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:

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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 12:10 am

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 ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 12:15 am

Forgive me, replace the code given above with this one:
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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 12:18 am

the code did just set lines in unrequested area :

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 12:21 am

Did as requested:
MIKAIL wrote:I need something more like gradient to the lines or shadow something like that ?

Can you please be more specific?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 12:28 am

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

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 12:32 am

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.


Last edited by Sir Chivas™ on April 8th 2014, 12:43 am; edited 1 time in total

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Ange Tuteur on April 8th 2014, 12:40 am

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 .forumline.topicslist before any of your elements to select them inside the topics list.
Code:
.forumline.topicslist .row2 {
  background:red;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by TheShaka on April 8th 2014, 12:43 am

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!
lol man he try helping you, and you are mad keep calm dudeWhat the fuck ?!? you not pay him and he lose his time also he do it for free...
here is arabic community : http://help.ahlamontada.com/


Last edited by TheShaka on April 8th 2014, 12:46 am; edited 1 time in total

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 12:45 am

@TheShaka wrote:
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!
lol man he try helping you, and you are mad keep calm dudeWhat the fuck ?!?


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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 12:47 am

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

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Ange Tuteur on April 8th 2014, 12:57 am

You're wanting to add this to all cells ?

Try selecting all the cells and add the style you want to them :
Code:
.forumline.topicslist td {
  background:red;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 1:02 am

Ange, he wants like a glow:

So, would be:
Code:
.forumline.topicslist td {
    box-shadow: 0px 0px 2px 2px #000000;
}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 1:13 am

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

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 8th 2014, 1:15 am

Have you tried this:

@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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 1:19 am

yes.

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Ange Tuteur on April 8th 2014, 4:08 am

Please provide a link to your forum.

Thank you. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 8th 2014, 10:25 am


DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Ange Tuteur on April 8th 2014, 10:46 am

Try this :
Code:
.forumline.topicslist td { box-shadow:0 -3px 6px #000 inset !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 22nd 2014, 8:29 pm

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

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 23rd 2014, 10:48 pm

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! :
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

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 24th 2014, 8:37 pm

help ? it's been 24 hours no one responded ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by TheShaka on April 24th 2014, 9:46 pm

MIKAIL wrote:help ? it's been 24 hours no one responded ?
Try keep calm so maybe they will try help you =_='

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 24th 2014, 9:59 pm

thanks for the support though =.-

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by Sir Chivas™ on April 24th 2014, 11:20 pm

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.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Adding color/gradient to topic rows/lines

Post by DeathDunk98* on April 24th 2014, 11:21 pm

Okay, sorry for posting before it's passed 24 hours though SmileWaiting for codes...

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum