Jak i gdzię między divem wstawić banner?

Wszystko o HTML, XHTML, XML, CSS.
ODPOWIEDZ
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

Witam,
a ja bym chciał prosić o pomoc mniej więcej w tym samym temacie.
Utworzyłem pozycję:

Kod: Zaznacz cały

?php if ($this->countModules('position-15')) : ?>
    <div>
        <jdoc:include type="modules" name="position-15" />
    </div>
    </div>
<?php endif; ?>
w której mam dwa: bannerki jpg i png.
Lecz chciałbym aby tekst na nich był naniesiony w css aby można go było kopiować itp.
Nie wiem jak to zrobić, jak powiązać template.css z index.php ewentualnie innym.

P.S. Zamiast jpg i png oczywiście może być ładna ramka z graientem css.

Pozdrawiam
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , daj cały kod.
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

Edytuje sobie templatke Vertinoblack.
template.css

Kod: Zaznacz cały

#ft {
float:left;
width:100%;
height:300px;
background:#4B0202;

}

.ftb-c {
float:left;
text-align:center;
font-weight:bold;
font-size:13px;
width:920px;
font-size:16px !important;
background: transparent;
 color:#fff; 
 margin-top:25px;

}

.ftb-c a{
padding:0 !important;
border:none !important;
font-weight:bold;
font-size:13px !important;
 color:#fff;  

} 

.ftb-c a:hover{
padding:0 !important;
border:none !important;
 color:#fff;   
html

Kod: Zaznacz cały

<div style="background: url('images/kontakt4.jpg') no-repeat;">DZISIAJ NA JUTRO PEWNIE CZEKAM BEZ STRACHU<br />Wita mnie świt <br /><br />Witam go na luzaku <br />Radości łzy <br />ul. i smutku pół na pół <br />cały czas życiu stawiam czoła bez strachu <br /><a href="mailto:skkit@skkit.pl">skkit@skkit.pl</a><br /><br /></div> 
tekst jest wycentrowany do pozycji, którą wymieniłem wyżej, a nie na obrazku. Czyli tekst pojawia pół na obrazku i pół obok.

Dzięki za odpowiedź
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , to nie lepiej po prostu stworzyć diva z
background-image: images/kontakt4.jpg;
a później w tym divie wstawić tekst? :O
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
DeaDriam
Posty: 4023
Rejestracja: 04 lip 2011, 14:00:40
Lokalizacja: Möglingen
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768
Kontakt:
Skontaktuj się z DeaDriam

Re: Jak i gdzię między divem wstawić banner?

Post autor: DeaDriam »

vademecum
skoro juz tak fiszujesz swoim podpiskiem,to moze w koncu podasz koledze jak to zrobic,bo jak
narazie to tylko piszesz na tym forum po proznicy
np
http://www.cba.pl/forum/viewtopic.php?f ... 18#p139218
_____________________________________________________
Nie badz pijawka-znalazles rozwiazanie problemu..podziel sie na forum!
----------------------------------------------------------------------------
SmacznY WordpresS>> http://www.przepisyzgarnka.pl <<
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

vademecum problem właśnie w tym, że nie potrafię połączyć jednego z drugim.
A tym kodem zostałem poinstruowany. Rzecz w tym, że przy użyciu tego, tekst nie jest tak jak powinien.
Obrazek
Ostatnio zmieniony 21 sty 2014, 18:21:43 przez SKai, łącznie zmieniany 2 razy.
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

DeaDriam , powiedziałem mu jak to zrobić..ale chyba nie muszę pisać w sposób : "kliknij tu, wklej ten kod" :)
Rozumiem, że możesz nie lubić nowych użytkowników na forum ale jakoś to przeżyję :)
SKai , daj adres strony, jak będę na PC to powiem ci dokładnie bo z tel wiele nie zrobię :)
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

Nie ma jeszcze adresu :) jest ona jeszcze wersją domową...
ale mogę Ci podesłać szablon:
VertinoBlack
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , taki najprostszy sposób :
wpliku template.css daj :

Kod: Zaznacz cały

#NAZWA {
background-image: images/kontakt4.jpg;
width: SZEROKOŚĆpx;
height: WYSOKOŚĆpx;
text-align: left;
}
Później w pliku *.html :

Kod: Zaznacz cały

 <div id="NAZWA">DZISIAJ NA JUTRO PEWNIE CZEKAM BEZ STRACHU<br>Wita mnie świt <br><br>
Witam go na luzaku <br>Radości łzy <br>ul. i smutku pół na pół <br>
cały czas życiu stawiam czoła bez strachu <br><a href="mailto:skkit@skkit.pl">skkit@skkit.pl</a></div>
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

dzięki wielkie lecz...
niestety, obrazek się nie pojawia
użyłem tego co mi podałeś
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , nie pojawia się, tzn jakiś błąd? W css może jest podana zła ścieżka do obrazka? Zmieniłeś szerokość i wysokość w css czy tylko skopiowałeś kod?
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

vademecum dzięki za ogólne zainteresowanie :)

ścieżka jest taka jak była(użyłem tej:

Kod: Zaznacz cały

background-image: images/kontakt4.jpg; 
i tej:

Kod: Zaznacz cały

 background-image: url('images/kontakt4.jpg'); 
wersji) :) nazwa DIV się pokrywa a rozmiar ustawiałem i na auto i realne wymiary (450x180)


Wpadłem na inny pomysł ale trochę z innej beczki.
Chciałem podzielić jedną z pozycji na na 2 takie same obok siebie

Kod: Zaznacz cały

               <?php if ($this->countModules('position-15')) : ?>                           
    <div>
        <jdoc:include type="modules" name="position-15" />
    </div>
<?php endif; ?>
próbowałem BOXem próbowałem po prostu dodać taką samą jak jest teraz ale ciągle nie mogę uzyskać chcianego efektu...
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , oczywiście poprawna wersja jest ta :

Kod: Zaznacz cały

 background-image: url('images/kontakt4.jpg');  
Mój błąd ;)
Ale jest jakiś błąd czy nic nie ma? :P
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: Jak i gdzię między divem wstawić banner?

Post autor: SKai »

vademecum nie wiem w jakim sensie błąd, po prostu tekst się pojawia ale obrazek nie.
Na górę
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Mobile Android 240x301

Re: Jak i gdzię między divem wstawić banner?

Post autor: vademecum »

SKai , a jak dasz w css np

Kod: Zaznacz cały

background-color: red;
? Spróbuj i napisz czy pojawi się tło :)

@EDIT :
Albo usuń ten kod z css i wklej ten kod do pliku html w <head></head> między znacznikami <style></style>.
Programuję w PHP.
Tworzę strony www.
Zainteresowanych proszę o kontakt na PW.
Na górę
ODPOWIEDZ

Wróć do „HTML, CSS”