Joomla Templates Club 406,261 posts

[itgl72 Friend itgl72Join date: March 2008Posts: 230Downloads:0Uploads:1 Thanks: 41 Thanked: 10 times in 1 posts]

#127190

I’m using the dark version of the template, but like the graphical display of the USER2 section on the light version. Below is an image of it:

I want it to go in the place of the USER2 of the dark version below:

I can handle image colors and manipulation of the graphics in a graphics program to match the template, if the a developer or helper can tell me where and what in the dark template CSS I need to change something, etc.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#244171

hi igtl72.
I think you must change so much.
Plz go to index.php (ja_avian_ii_dindex.php), search this line :

<jdoc:include type="modules" name="user2" style="xhtml" />
Change to :

<jdoc:include type="modules" name="user2" style="rounded" />

And open template.css (ja_avian_ii_d), paste those line (css of ja_avian_ii_m)

#ja-topsl-col2 div.moduletable,
#ja-topsl-col2 div.moduletable_menu {
color: #EFEFEF;
}

#ja-topsl-col2 div.module h3,
#ja-topsl-col2 div.module_menu h3 {
color: #FFFFFF;
background: none;
border-bottom: 1px solid #EFEFEF;
margin: -5px -5px 10px;
}

#ja-topsl-col2 div.module a,
#ja-topsl-col2 div.module a:hover,
#ja-topsl-col2 div.module a:active,
#ja-topsl-col2 div.module a:focus,
#ja-topsl-col2 div.module_menu a,
#ja-topsl-col2 div.module_menu a:hover,
#ja-topsl-col2 div.module_menu a:active,
#ja-topsl-col2 div.module_menu a:focus {
color: #FFFFFF;
}

#ja-topsl-col2 div.module,
#ja-topsl-col2 div.module_menu {
background: url(../images/boxsl-br.gif) no-repeat bottom right #F09018;
margin: 5px 5px 0;
overflow: hidden;
padding: 0;
color: #FFFFFF;
}

#ja-topsl-col2 div.module div,
#ja-topsl-col2 div.module_menu div {
background: url(../images/boxsl-bl.gif) no-repeat bottom left;
padding: 0;
}

#ja-topsl-col2 div.module div div,
#ja-topsl-col2 div.module_menu div div {
background: url(../images/boxsl-tr.gif) no-repeat top right;
}

#ja-topsl-col2 div.module div div div,
#ja-topsl-col2 div.module_menu div div div {
padding: 15px 20px 50px;
background: url(../images/boxsl-tl.gif) no-repeat top left;
}

#ja-topsl-col2 div.module div div div div,
#ja-topsl-col2 div.module_menu div div div div {
padding: 0;
background: none;
}
and

#ja-topsl-col2 div.module {
background: url(../../images/blue/boxsl-br.gif) no-repeat bottom right #1AB8F2;
}

#ja-topsl-col2 div.module div {
background: url(../../images/blue/boxsl-bl.gif) no-repeat bottom left;
}

#ja-topsl-col2 div.module div div {
background: url(../../images/blue/boxsl-tr.gif) no-repeat top right;
}

#ja-topsl-col2 div.module div div div {
background: url(../../images/blue/boxsl-tl.gif) no-repeat top left;
}
You can see in code have some images, plz go to ja_avian_ii_m/images
and ja_avian_ii_m/images/blue directory to copy them into ja_avian_ii_d/images and ja_avian_ii/images/blue directory.

[Author]

Posts