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!


jak zakodować?
#1
cześć
jak zakodować coś takiego?

http://fotozrzut.pl/zdjecia/7e044506d4.jpg
  Odpowiedz
#2
NAUCZ SIĘ SAM A NIE PROSISZ O GOTOWCE ! Już Ci to raz pisałem...
[Obrazek: 7HOfJI1.png]
Niedostępny
  Odpowiedz
#3
a takie pytanko, jak zakodować te menu, w obrazkach osobnych czy tylko jako treść bo niewiem?
  Odpowiedz
#4
Masz odpowiedź w temacie z którego wziąłeś ten obrazek.... I nie wierze, że nie wziąłeś go z forum o nazwie zaczynającej się na W a kończącej na J, bo zbiegi okoliczności się nie zdarzają...
[Obrazek: 7HOfJI1.png]
Niedostępny
  Odpowiedz
#5
Co masz na myśli pisząc "tylko jako treść"?
W menu możesz użyć obrazków, ale nie jest to (moim zdaniem) dobre rozwiązanie. No chyba, że zamiast tekstu chcesz użyć ikonek albo dołączyć ikonki do tekstu żeby w ten sposób "ozdobic" menu.
Częściej stosuje się atrybuty CSS, np. dla nadania koloru przycisków, tekstu, rozmiaru, zmiany wyglądu po najechaniu kursorem, itd.

Znasz chociaż podstawy HTML, CSS?
[Obrazek: Y3AbJ8Z.jpg]
  Odpowiedz
#6
Jakies podstawy znam ale nie wiem nic o dołączaniu ikonek do tekstu. Mam do tej pory tak:
Robię starą metodą:
<!DOCTYPE html>
<HTML>
<HEAD>
<style> 
.logo{background-image: url(img/img3.jpg); background-repeat: no-repeat;;border:1px solid width:770px; height:146px}
.tlo{background-image: url(img/img4.jpg); background-repeat: no-repeat;;border:1px solid width:770px; height:626px}

#ob1 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob2 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob3 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob4 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob5 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob6 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob7 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob8 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob9 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob10 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob11 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}
#ob12 {position:relative;top:-614px; right:40px; background-image: url(img/img2.jpg); background-repeat: no-repeat;;border:1px solid width:300px; height:20px;}

h1{margin:0px; padding:0px;font-size:10px;position:relative; left:30px; top:5px;}

.menu1,ul li {display: block;	list-style: none;margin: 0;	padding: 0;}

.menu2, ul li {	display: block;	list-style: none;	margin: 0;	padding: 0;}
.menu2 {float: left;	background-color: #fff;
	padding: 1px 0 1px 1px;	border: 1px solid #000;}
.menu2 li {float: left;}

h2{margin:0px; padding:0px; font-size:15px; position:relative; left:200px; top:-900px;}
</style> 
<META charset="UTF8">
</HEAD>
<BODY>

<div class="logo"></div>
<div class="tlo"></div>

<div class="menu1">
<ul>
<li id="ob1"><h1>About Club</h1></li>
<li id="ob2"><h1>Club Events</h1></li>
<li id="ob3"><h1>Winter Winners</h1></li>
<li id="ob4"><h1>Members</h1></li>
<li id="ob5"><h1>Skyline</h1></li>
<li id="ob6"><h1>Sponsors</h1></li>
<li id="ob7"><h1>Music Suport</h1></li>
<li id="ob8"><h1>About Club</h1></li>
<li id="ob9"><h1>Forum</h1></li>
<li id="ob10"><h1>Extrim Shop</h1></li>
<li id="ob11"><h1>Subscribe</h1></li>
<li id="ob12"><h1>Coniact Us</h1></li>
</ul></div>

<div class="menu2">
<ul>
<li id="111"><h2>Main page &nbsp/&nbsp</h2></li>
<li id="222"><h2>Products &nbsp/&nbsp</h2></li>
<li id="333"><h2>&nbspDownload</h2></li>
</ul></div>

</BODY>
</HTML>
  Odpowiedz
#7
dołanczaniu? Słownik ....
vatras napisał(a):jakies podstawy znam
Haha w tym momencie ośmieszyłeś się sam... Nawet podstaw nie znasz i chcesz kodować szablony? Pozostawie to bez komentarza.
Błędy:
CSS

Po jakiego konia walisz css do html? Od tego jest osobny arkusz!
...i w sumie tu nie mam się do czego doczepić :D
HTML

Dlaczego do mniejszych przestrzeni używasz id a do większych class?
Dla większych przestrzeni jest section...
Skoro masz 'li' w menu to po jakiego indyka <h2> w środku
[Obrazek: 7HOfJI1.png]
Niedostępny
  Odpowiedz
#8
dobra z html i css jestem słaby, daje sobie spokój a znacie jakiś program żeby kodować w nim?
W swish maxc można kodować jak w html/css?
  Odpowiedz
#9
Naucz się porządnie bo program do kodowania tego za Ciebie nie zrobi...
[Obrazek: 7HOfJI1.png]
Niedostępny
  Odpowiedz
#10
vatras napisał(a):daje sobie spokój a znacie jakiś program żeby kodować w nim?
Niestety nie zakodujesz poprawnie w programie typu WYSIWYG szablonu nie znając podstaw html i css.
Możesz pokusić się o zakupienie plugina do Photoshopa który potnie i zakoduje za Ciebie szablon ale efekty są dalekie od zadowalających.
Ten szablon który podajesz wymaga wiedzy którą jesteś w stanie zdobyć po przeczytaniu pierwszego lepszego kursu o cięciu i kodowaniu szablonów (na YT też jest pełno takich kursów podstawowych).

SmileyPL napisał(a):Naucz się porządnie bo program do kodowania tego za Ciebie nie zrobi...
Z tego co pamiętam to kiedyś też się "pochwaliłeś" swoimi wypocinami i też było to "PRO" kodowanie, więc daruj sobie takie docinki pod kątem innych jeśli sam nie masz wiedzy na temat html i css.
  Odpowiedz


Skocz do:


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