[PHP]Jak dodać napis w sliderze Opcje

[saviola15]

Witam, mam slidera tutaj -> www.pneumaticon.pl/test/oferta.html

I chciałbym aby na 1 banerze pojawiaj się napis jak tutaj - > http://pneumaticon.pl/

Napis w kodzie ->

[PHP] pobierz, plaintext 
<jdoc:include type="modules" name="user1" style="xhtml" />
[PHP] pobierz, plaintext 

Kod Slidera ->

[PHP] pobierz, plaintext 
<div id="wowslider-container1">
	<div class="ws_images">
	<ul>
<li><img src="data1/images/top.jpg" alt="top" title="top" id="wows1_0" /></li>
<li><img src="data1/images/top1.jpg" alt="top1" title="top1" id="wows1_1"/></li>
<li><img src="data1/images/top3.jpg" alt="top3" title="top3" id="wows1_2"/></li>
<li><img src="data1/images/top4.jpg" alt="top4" title="top4" id="wows1_3"/></li>
<li><img src="data1/images/top5.jpg" alt="top5" title="top5" id="wows1_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="http://sklep.pneumaticon.pl" title="top"><img src="data1/tooltips/top.jpg" alt="top"/>1</a>
<a href="http://sklep.pneumaticon.pl/category.php?id_category=85" title="top1"><img src="data1/tooltips/top1.jpg" alt="top1"/>2</a>
<a href="http://sklep.pneumaticon.pl/category.php?id_category=110" title="top3"><img src="data1/tooltips/top3.jpg" alt="top3"/>3</a>
<a href="http://sklep.pneumaticon.pl/category.php?id_category=114" title="top4"><img src="data1/tooltips/top4.jpg" alt="top4"/>4</a>
<a href="http://sklep.pneumaticon.pl/category.php?id_category=110" title="top5"><img src="data1/tooltips/top5.jpg" alt="top4"/>5</a>
</div></div>
 
	<div class="ws_shadow"></div>
	</div>
	<script type="text/javascript" src="engine1/wowslider.js"></script>
	<script type="text/javascript" src="engine1/script.js"></script>
[PHP] pobierz, plaintext 

[fate]

1. zedytuj obrazek np. w paint
2.

[HTML] pobierz, plaintext 
<li><img src="data1/images/top.jpg" alt="top" title="top" id="wows1_0" />
 
<p style="position:relative;top:Xpx; left:Ypx;">
PNEUMATYKA PRZEMYSŁOWA<br />
<br />
- złączki  - zawory  -  siłowniki  - instalacje przemysłowe    - sprężarki  - manometry  - narzędzia pneumatyczne - elektrozawory
</p>
 
</li>
[HTML] pobierz, plaintext 

Spróboj przesunac tekst wstawiajac odpowiednie X i Y jezli tak zadziała.

Ten post edytował fate 28.08.2013, 13:22:09

[saviola15]

niestety nie działa...

[fate]

a ja zajrzałem i działa:

http://zapisz.net/view.php?filename=393_screenshot_1.jpg

Musisz tylko zmienić czcionke na odpowiadajacy Ci rozmiar, rodzaj, kolor biały, umiesz wać Pan to ostylować?
Dodaj np:

[HTML] pobierz, plaintext 
<p style="
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    height: 100px;
    width: 350px;
    left: 450px;
    top: 0px;
    line-height: 15px;
    position: relative;
    text-shadow: none;
">
[HTML] pobierz, plaintext 

I jest "podobnie" to i tak juz gotowiec
Ten duży napis PH PNEUMATICON to obrazek trzebaby wstwic nad <P>

Napis
PNEUMATYKA PRZEMYSŁOWA
musisz dac np w <span></span> i ostylowac wieksza czcionka

Żeby ukryć to dziwne 'Top' zaczytujace sie skads w stylach dodaj linijke na koncu:

[HTML] pobierz, plaintext 
html.cufon-active body div#head div.top div#wowslider-container1 div.ws-title span {display:none;}
[HTML] pobierz, plaintext 

Wywalenie tego jasnego tła pod napisem w CSS:

[HTML] pobierz, plaintext 
.ws-title{background:transparent;}
[HTML] pobierz, plaintext 

Ten post edytował fate 28.08.2013, 15:48:51