Witaj szanowny Gościu na forum Odjechani.com.pl. Serdecznie zachęcamy do rejestracji. Tylko u nas tak przyjazna atmosfera. Kliknij tutaj, aby się zarejestrować i dołączyć do grona Odjechanych!

Strona odjechani.com.pl może przechowywać Twoje dane osobowe, które w niej zamieścisz po zarejestrowaniu konta. Odjechani.com.pl wykorzystuje również pliki cookies (ciasteczka), odwiedzając ją wyrażasz zgodę na ich wykorzystanie oraz rejestrując konto wyrażasz zgodę na przetwarzanie swoich danych osobowych w ramach funkcjonowania serwisu. Więcej informacji znajdziesz w naszej polityce prywatności. Pozdrawiamy!


Pomoc z HTML -reklama CHR
#1
Tak miałoby to wyglądać:

[Obrazek: pogl_dowy-1426430540.jpg]
Numerkami są oznaczone obrazki, które składają się na reklamę.
Każdy mam zapisany jako osobny plik.
Przyciski od 4 do 7 - by były wyrównane do lewej. I chciałbym każdy z nich podlinkować.
Obrazek 3, by był wyrównany jak na poglądowym.
Oczywiście sam będę eksperymentował z wyrównaniami.
Piszę bo nie mam pojęcia jak wstawiać kilka elementów by były wyrównane na tle.
[Obrazek: aG8bM6P.png]






  Odpowiedz
#2
Więc tak...
Nie chce mi się tłumaczyć wszystko co i jak więc zrobiłem Ci gotowca - sorry za jakość obrazków ale ... na szybko :P

<center><div style="background-image:url(http://s12.postimg.org/lpsq3rzyl/Blend.png);height:100px;width:500px;"></div></center>
<center><div style="background-image:url(http://s12.postimg.org/y35kaopn1/Blend1.png);height:500px;width:500px;">
<div style="background-image:url(http://s17.postimg.org/lky0sxab3/54786_out.png);height:277px;width:220px;float:right; margin-top:100px;margin-right:10px;"></div><div style="height:500px; width:250px;float:left;margin-top:30px;">
<div style="height:90px;">
<a href="#" style="background-image:url(http://s23.postimg.org/j9kw2kyq3/Blend3.png);height:50px;width:180px;float:left;margin-top:90px; margin-left:10px;margin-top:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://s23.postimg.org/j9kw2kyq3/Blend3.png);height:50px;width:180px;float:left;margin-top:25px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://s23.postimg.org/j9kw2kyq3/Blend3.png);height:50px;width:180px;float:left;margin-top:40px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://s23.postimg.org/j9kw2kyq3/Blend3.png);height:50px;width:180px;float:left;margin-top:55px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div></div>
</div></center>


Wklej sobie do CHR i zobacz czy oto Ci chodziło.



Obrazki mają:

,,Zapraszam" - width= 500px height= 100px

Dolna całość - 500px x 500px
Buttony/Banery - 220px x 50px


Obrazek - musi mieć szerokość 220px





Reszta została już wymierzona pod chr. 
Pozdro ;)
Niedostępny
  Odpowiedz
#3
Nie do końca o to ;)
Każdy z tych buttonów ma być hiperłączem dla innego linku. I najlepiej jakby ten link otwierał się w nowej karcie.
Powklejałem swoje adresy obrazków i rozmiary i zmieniło to ,,trochę'' kształt.
O, tak wygląda kod, wklej w CHR:


<center><div style="background-image:url(http://vpx.pl/i/2015/03/16/header.gif);height:100px;width:450px;"></div></center>
<center><div style="background-image:url(http://vpx.pl/i/2015/03/16/tlo.png);height:367px;width:425px;">
<div style="background-image:url(http://vpx.pl/i/2015/03/16/gif-nowosci-okladki.gif);height:260px;width:213px;float:right; margin-top:100px;margin-right:10px;"></div><div style="height:500px; width:250px;float:left;margin-top:30px;">
<div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150315/button_nowo_ci-1426429446.png);height:45px;width:167px;float:left;margin-top:90px; margin-left:10px;margin-top:10px;border:0px 
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_klasyka-1426494788.png);height:45px;width:167px;float:left;margin-top:25px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_mini-1426494788.png);height:45px;width:167px;float:left;margin-top:40px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_gry-1426494788.png);height:45px;width:167px;float:left;margin-top:55px; margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS" rel="nofollow"></a>
</div></div>
</div></center>
[Obrazek: aG8bM6P.png]






  Odpowiedz
#4
No wiem ja tam wstawiłem # żebyś sobie wstawił co tam chcesz. Żeby to normalnie wyglądało musisz jeden <div> poprawić - mianowicie szerokość i zmienić szerokość przycisków. Izi 

Jak wrócę do domu to Ci gotowca podeślę.
Pozdrawiam
Niedostępny
  Odpowiedz
#5
Domyśliłem się tego niedawno ;)
Tam zaraz po adresach URL do grafiki powstawiałem rozmiary moich obrazków. Tak to musi być.
Wczoraj czytałem trochę o tabelach i myślałem że to jedyny sposób. Miałem z tym próbować, ale widzę że odpisał ktoś w temacie :D Poczekam na twoją wersję.
[Obrazek: aG8bM6P.png]






  Odpowiedz
#6
<center><div style="background-image:url(http://vpx.pl/i/2015/03/16/header.gif);height:100px;width:450px;margin-bottom:10px;"></div></center>
<center><div style="background-image:url(http://vpx.pl/i/2015/03/16/tlo.png);height:367px;width:425px;">
<div style="background-image:url(http://vpx.pl/i/2015/03/16/gif-nowosci-okladki.gif);height:260px;width:213px;float:right;margin-top:50px;margin-right:15px;margin-bottom:10px;"></div><div style="height:500px;width: 100px;float:left;margin-top:30px;">
<div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150315/button_nowo_ci-1426429446.png);height:45px;width:167px;float:left;margin-top:10px;margin-left:10px;border:0px;">
</a><a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_klasyka-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_mini-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_gry-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div></div>
</div></center> </div>

Wszystko poprawiłem. Powinno być ok. Polecam css.

margin-left
margin-right
margin-top
margin-bottom
float
Niedostępny
  Odpowiedz
#7
Wszystko jest git, prócz wielkiego pustego wolnego miejsca pod reklamą :D
Patrzyłem i u innych tak nie ma. Dałoby radę to poprawić? Reszta git, tak jak powinno być.
Co do CSS i HTML to ruszyłem to niedawno. Na razie czytam, by skumać o co chodzi ;)

Tak to wygląda w CHR:
[Obrazek: Ashampoo_Snap_2015_03_16_14h05m58s_002_-1426511195.png]
[Obrazek: aG8bM6P.png]






  Odpowiedz
#8
 <center><div style="background-image:url(http://vpx.pl/i/2015/03/16/header.gif);height:100px;width:450px;margin-bottom:10px;"></div></center>
<center><div style="background-image:url(http://vpx.pl/i/2015/03/16/tlo.png);height:367px;width:425px;">
<div style="background-image:url(http://vpx.pl/i/2015/03/16/gif-nowosci-okladki.gif);height:260px;width:213px;float:right;margin-top:50px;margin-right:15px;margin-bottom:10px;"></div><div style="height: 250px;width:100px;float:left;margin-top:30px;">
<div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150315/button_nowo_ci-1426429446.png);height:45px;width:167px;float:left;margin-top:10px;margin-left:10px;border:0px;">
</a><a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_klasyka-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_mini-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div><div style="height:90px;">
<a href="#" style="background-image:url(http://img.liczniki.org/20150316/button_gry-1426494788.png);height:45px;width:125px;float:left;margin-top:30px;margin-left:10px;border:0px solid rgb(0,0,0);" class="orangeButtonCSS"></a>
</div></div>
</div></center> 

Teraz powinno być już wszystko ok  Haha
Niedostępny
  Odpowiedz
#9
Wypróbowałem, wszystko świetnie w pozycji.
Odnośnie podlinkowania buttonów, to gdy się klika w któregoś to otwiera się w tej samej karcie.
Czy da się zrobić by otwierało w nowej karcie?
Przeżyję, jak nie będzie się dało :D
[Obrazek: aG8bM6P.png]






  Odpowiedz
#10
O, ile się nie myle, to aby otwierało się w nowej karcie trzeba dodać do linku a target=_blank, czyli link powinien tak wyglądać:
Kod PHP:
<a target="_blank" href="http://chomikuj.pl/.">nazwa</a


  Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Pomoc PHP Hector 7 5 467 19.08.2014, 15:54
Ostatni post: twistet
  Skrypt Strona Pomoc Hector 2 1 418 27.08.2013, 13:14
Ostatni post: Hector
  [html] pomoc z szablonem allegro Kiziorr 2 1 753 13.06.2013, 19:36
Ostatni post: Kiziorr
  [html] Pomoc z szablonem Kiziorr 1 1 641 31.01.2013, 20:40
Ostatni post: B0hazard
  Wrzucanie pliku na serwer Html danielo117o 11 4 822 17.01.2013, 10:13
Ostatni post: danielo117o

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości