Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#360387

<em>@nikiniko 200277 wrote:</em><blockquote>Ok, thank you aman204. i gone try right now.

Is there way to add some other infos/modules there..? and display them horizontal as the demo..?</blockquote>
you add the following code into the template.css file:

.main-inner1 p {
float:right;
margin-right:43%;
width:230px;
}

1 user says Thank You to Saguaros for this useful post

1. nikiniko

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361134

Thanks tienhc,

But i like to look like the demo,
see in screen what i find with firebug and tel me please what code i have to add to look like this one.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361177

Upload the attached image to ::

template/ja_portfolio/images directory

and then, change this::

.main-inner1 p {
float:right;
margin-right:43%;
width:230px;
}

to

.main-inner1 p {
float:right;
margin-right:43%;
width:230px;
background:url(../images/vert-sep.png) repeat-y;
}

---

Attachments:

1. 

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361406

I can’t download the image..

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361481

<em>@nikiniko 201642 wrote:</em><blockquote>I can’t download the image..</blockquote>

The image is too small due to which It is unable to be seen

You can download it from here::

http://rudrapuronline.com/misc./vert-sep.png

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361502

No luck.. this not work 🙁

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361505

<em>@nikiniko 201760 wrote:</em><blockquote>No luck.. this not work :(</blockquote>

Can you please check as your site isnt accesible so as to have closer look

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361508

If you was looking at allreviews is offline now (Suspended) for increase traffic.. i sent you in pm the working site.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361510

<em>@nikiniko 201767 wrote:</em><blockquote>If you was looking at allreviews is offline now (Suspended) for increase traffic.. i sent you in pm the working site.</blockquote>

The above css attribute wont apply as the text is not wrapped around <p>..</p> tags

Other way, Change this::

ja-top-panel .main-inner1 {template.css (line 668)
}

to

ja-top-panel .main-inner1 {template.css (line 668)
background:url(“../images/vert-sep.png”) repeat-y scroll 70% 0 transparent;
}

and then, adjust 70% value accordingly

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361521

<em>@aman204 201769 wrote:</em><blockquote>The above css attribute wont apply as the text is not wrapped around <p>..</p> tags

Other way, Change this::

ja-top-panel .main-inner1 {template.css (line 668)
}

to

ja-top-panel .main-inner1 {template.css (line 668)
background:url(“../images/vert-sep.png”) repeat-y scroll 70% 0 transparent;
}

and then, adjust 70% value accordingly</blockquote>

You mean to add this code

ja-top-panel .main-inner1 {
background:url("../images/vert-sep.png") repeat-y scroll 70% 0 transparent;
}

I did what you say with no luck.. 🙁

Here is the template.css

---

Attachments:

1. template.css_.txt

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361524

Whole css attribute reference cannot be seen now

Please ensure that it will be ::

#ja-top-panel .main-inner1 {background:url(“../images/vert-sep.png”) repeat-y scroll 70% 0 transparent;}

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361526

You missing the ” #” in begin i add it an works but not like i wand.

(look in atthacment )

i see in demo work better with ul and li.. maybe i have to do the same..?

ul.quick-contact {
border-left:1px solid #CACCCD;
border-right:1px solid #FFFFFF;
color:#88888A;
display:block;
float:right;

font-size:92%;
overflow:hidden;
}
index....css&v=1 (line 50)
ul {
list-style:none outside none;
}

look for this code and you understand what i say

<ul class="quick-contact">
<li class="phone"><strong>Sales: </strong>0987 989898</li>
<li class="email"><strong>Email: </strong><a title="Sample link" href="#">info@yourdomain.com</a></li>
<li class="sites"><strong>Sites: </strong><select class="inputbox"><option>USA</option><option>UK</option><option>France</option><option>Japan</option><option>South Africa</option></select></li>
</ul>

---

Attachments:

1. 

[nikiniko Friend nikinikoJoin date: October 2010Posts: 44Downloads:0Uploads:10 Thanks: 9]

#361535

Hey aman204 is that easy to tel me which .php file i have to edit to try add ul class/li class and css as say in last post..?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361573

<em>@nikiniko 201801 wrote:</em><blockquote>Hey aman204 is that easy to tel me which .php file i have to edit to try add ul class/li class and css as say in last post..?</blockquote>

You can ask in the specific developer forum where you downloaded specific date extension from and they would be able to tell you about the file which needs modification to add listed tags. Usually, It would be default.php file 🙂

Then, You can wrap the date with specific code::

<ul class=”quick-contact”><li>Your date here</li></ul>

[Author]

Posts