In CSS Option A, add this:
background-position-x:100px;
Where 100px is how far to the right you want the image pushed out.
When I tested this, I used the following code as the full CSS in CSS Option A:
background-repeat: no-repeat;background-position-x:100px;
Bob
Thread Starter
niguli
(@niguli)
perfect! that’s works. One more thing: how can I link an url on the image-click? I tried to insert the url in the Text area (Topbar text & Image tab), but, of course I have no text, and it doesn’t work on the image. Thanks in advance
Try this:
1. Disable the background image (on the TopBar Text & Image Tab).
2. Add this to the Before PHP option on the PHP Tab. Adjust the image URL and Link URL to be what you wish:
echo '<a href="http://piattoforte.tiscali.it/cibario/"> <img src="http://piattoforte.tiscali.it/cibario/wp-content/uploads/2014/09/tiscali31.png" alt="Cibario" style="float: left;" ></a>';
You might have to adjust your CSS styling (adding bar height, etc) to get it to show like you want.
Bob
Another alternative to try:
1. Go to Social Buttons Tab.
2. Enable Social Icon 1.
3. Enter your image URL & Link in the options for the Social Icon 1.
4. To have it on the left of the page, add this to the CSS option for Social Icon 1: float:left;
5. Ensure Social Icon 1 position is “left”.
6. Disable the background image (same as step 1 in the previous answer)
Bob
Thread Starter
niguli
(@niguli)
Gonna Try tomorrow and i Will tell you. Thanks Bob! Tomorrow one last question And I Will pass directly to the Donate button 😉
Thread Starter
niguli
(@niguli)
this second solution is better for me…. thanks. Last question (and than donation): i need to insert a second adv banner, centered just below the top bar. The adv banner is created by this code:
<div id="dotnAd_728x90_top"><script type="text/javascript">dotnAd.showAd2("728x90","top");</script></div>
and a script I already put in the header.
Like this: http://piattoforte.tiscali.it, the one above the main menu (Logo pianoforte and search area).
Which is the best way to introduce this dynamic banner?
Thread Starter
niguli
(@niguli)
first step: do I need to use the same top bar or can i use a second top bar setting Priority equal to 100 for both top bar (i don’t think this is the right way….)
for the second banner, put the code in the After PHP section for the TopBar you want to show.
Thread Starter
niguli
(@niguli)
Hi Bob, thanks for helping me again. I put the code in PHP tab, into the last box named “Enter any PHP to use AFTER the TopBar is generated:”, in the same previous TopBar (the one with static bane Tiscali Lifestyle:
<div id="dotnAd_728x90_top"><script type="text/javascript">dotnAd.showAd2("728x90","top");</script></div>
but with no effect. Can you help me more? I can give you private admin access…
PS: I did a donation 😉
Do you enter just this?
<div id="dotnAd_728x90_top"><script type="text/javascript">dotnAd.showAd2("728x90","top");</script></div>
If so, that is HTML… you need to convert it to PHP.. Something like:
echo '<div id="dotnAd_728x90_top"><script type="text/javascript">dotnAd.showAd2("728x90","top");</script></div>';
Thanks for the donation!
Bob
Thread Starter
niguli
(@niguli)
thanks Bob. The Banner now is almost ok. Last 2 problems to solve:
1) the adv banner needs to appear exactly under the TISCALI LIFESTYLE static banner, must be in fixed position, centered in the page and does not cover the elements below (Cibario Logo).
2) the dynamic banner seems to be ok (with the exception of the two problems of point 1), see above) on iPad and on iPhone, but very small and stretched on desktop and. I tried to enter this for id=”dotnAd_728x90_top:
#dotnAd_728x90_top {
width: 728px;
margin: auto;
}
can you help with css ?
Sorry about the delay. Have been traveling on business. I am not a CSS expert. I would need to spend a bit of time (which I don’t have free right now) playing with the CSS to get it to be what you want (assuming it can be done.)
Bob
Closed no response in about a week.
