How can I place custom images in my Article Style?


Author Message
kat

Posted: 11/5/2009
Quote message 

I am using the Article style that has a Header Layout with no block. I want to add some tabbed based buttons that designed in Photoshop below the date. These buttons will appear directly above videos that I want to embed so users can share the videos on Facebook and through email.

How can this be done? If not in Artisteer, which file would I manipulate to embed these graphics? Any help is GREATLY going to be appreciated!!!!!

Thanks!
 
Garry

Posted: 11/5/2009
Quote message 

You should create a new div in following div: .art-PostMetadataHeader, place your buttons in it and align them according to your needs.
 
kat

Posted: 11/5/2009
Quote message 

Hi Garry,

Which file should this new div be placed? Would you be willing to provide a bit more of a sample of how the code might look? I have never done this before.

Thanks in advance!!!!
 
Garry

Posted: 11/6/2009
Quote message 

You need to place that div in .art-PostMetadataHeader div in your index.php

It'll look like:

<div>
<img src="boat.gif" alt="Big Boat" />
</div>

You also need yo upload the image and provide its correct path in src tag
 
kat

Posted: 11/7/2009
Quote message 

oh my gosh, thank you so much!

I added the tabs, though there is a noticeable gap between the tabs and the media (images or video) that I want them on top of. I would like the tabs to appear directly on top of the embedded media so people can share the media with others. Any idea how to get rid of the gap?

I am using this code:

<div class="art-PostHeaderIcons art-metadata-icons">
<?php echo implode(' | ', $icons); ?>
<div>
<img src="http://www.mysite.com/sharetabs.gif" alt="#" height="#" width="#">
</div>
</div>

Thanks!
 
Garry

Posted: 11/7/2009
Quote message 

Can't say anything without having a look at your site.
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *