Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Jak dodać napis w sliderze
Forum PHP.pl > Forum > Przedszkole
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 ->
  1. <jdoc:include type="modules" name="user1" style="xhtml" />


Kod Slidera ->
  1. <div id="wowslider-container1">
  2. <div class="ws_images">
  3. <ul>
  4. <li><img src="data1/images/top.jpg" alt="top" title="top" id="wows1_0" /></li>
  5. <li><img src="data1/images/top1.jpg" alt="top1" title="top1" id="wows1_1"/></li>
  6. <li><img src="data1/images/top3.jpg" alt="top3" title="top3" id="wows1_2"/></li>
  7. <li><img src="data1/images/top4.jpg" alt="top4" title="top4" id="wows1_3"/></li>
  8. <li><img src="data1/images/top5.jpg" alt="top5" title="top5" id="wows1_4"/></li>
  9. </ul></div>
  10. <div class="ws_bullets"><div>
  11. <a href="http://sklep.pneumaticon.pl" title="top"><img src="data1/tooltips/top.jpg" alt="top"/>1</a>
  12. <a href="http://sklep.pneumaticon.pl/category.php?id_category=85" title="top1"><img src="data1/tooltips/top1.jpg" alt="top1"/>2</a>
  13. <a href="http://sklep.pneumaticon.pl/category.php?id_category=110" title="top3"><img src="data1/tooltips/top3.jpg" alt="top3"/>3</a>
  14. <a href="http://sklep.pneumaticon.pl/category.php?id_category=114" title="top4"><img src="data1/tooltips/top4.jpg" alt="top4"/>4</a>
  15. <a href="http://sklep.pneumaticon.pl/category.php?id_category=110" title="top5"><img src="data1/tooltips/top5.jpg" alt="top4"/>5</a>
  16. </div></div>
  17.  
  18. <div class="ws_shadow"></div>
  19. </div>
  20. <script type="text/javascript" src="engine1/wowslider.js"></script>
  21. <script type="text/javascript" src="engine1/script.js"></script>
fate
1. zedytuj obrazek np. w paint
2.

  1. <li><img src="data1/images/top.jpg" alt="top" title="top" id="wows1_0" />
  2.  
  3. <p style="position:relative;top:Xpx; left:Ypx;">
  4. PNEUMATYKA PRZEMYSŁOWA<br />
  5. <br />
  6. - złączki - zawory - siłowniki - instalacje przemysłowe - sprężarki - manometry - narzędzia pneumatyczne - elektrozawory
  7. </p>
  8.  
  9. </li>


Spróboj przesunac tekst wstawiajac odpowiednie X i Y jezli tak zadziała.
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:

  1. <p style="
  2. color: #FFFFFF;
  3. font-family: Verdana;
  4. font-size: 11px;
  5. font-weight: bold;
  6. height: 100px;
  7. width: 350px;
  8. left: 450px;
  9. top: 0px;
  10. line-height: 15px;
  11. position: relative;
  12. text-shadow: none;
  13. ">


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:

  1. html.cufon-active body div#head div.top div#wowslider-container1 div.ws-title span {display:none;}


Wywalenie tego jasnego tła pod napisem w CSS:
  1. .ws-title{background:transparent;}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.