Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  ::
Zamknięty przez: Htsz
2013-02-09, 00:01
Autor Wiadomość
mikix130 

Dołączył/a: 09 Lut 2010
Posty: 4
Wysłany:    [html, css, gfx] pomoc przy zakodowaniu pociętego szablonu
Witam
mam problem bo chce zrobić strone internetową w photoshopie cs. I zrobiłem już wszystko pociołemi tak dalej i teraz chcę zrobić menu rozwijane. Czyli żeby wtym całym tle na tronie w menu po kliknieciu regulaminy -> rozwinęło się np. czytelni, bibioteki. WIEM ŻE TO TRZEBA znaleść obrazek który chce zeby się rowinął i następny obrazek który ma się pokazać po rozwinięciu. Tak to umiem tylko to wszystko zrobiło mi się na samej górze a teraz chce żeby to było w menu.
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-02-09, 21:38   
Umieść to w divie o nazwie "menu".
Najlepiej daj kod. ;)
Chyba, że go w ogóle nie masz, bo w samym photoshopie strony nie zrobisz.
 
  podziel si� tym postem na:
mikix130 

Dołączył/a: 09 Lut 2010
Posty: 4
Wysłany: 2010-02-09, 21:54   

Kod

<html>
<head>
<title>STRONA GIT</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (STRONA GIT.psd) -->
<table id="Table_01" width="1481" height="1424" border="0" cellpadding="0" cellspacing="0">
<tr>

<td>
<img src="images/menu-copy_02.gif" width="221" height="48" alt=""></td>
<td rowspan="7">
<img src="images/menu-copy_03.gif" width="908" height="1424" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/menu-copy_04.gif" width="221" height="1376" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="318" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/menu-copy_05.gif" width="54" height="1058" alt=""></td>
<td>
<img src="images/menu-copy_06.gif" width="246" height="57" alt=""></td>
<td rowspan="5">
<img src="images/menu-copy_07.gif" width="51" height="1058" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="57" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu-copy_08.gif" width="246" height="69" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="69" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu-copy_09.gif" width="246" height="78" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="78" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu-copy_10.gif" width="246" height="63" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu-copy_11.gif" width="246" height="791" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="791" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>












TO JEST KOD Z PS
KOMBINOWAŁEM TAKIE COŚ CHODZIŁO ALE NIE WTYM MIEJSCU CO TRZEBA .. :(

Kod

<td colspan="3" rowspan="2">
<img src="images/menu-copy_01.gif" width="351" height="366" alt=""></td>


<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'position: absolute', true, true, 0, 100, 0, 250);
// ]]>
</script>

<dt><img src="images/menu-copy_01.gif" width="351" height="366" alt=""></td></dt>
<dd><img src="regulaminy.png" width="351" height="366" alt=""></td></dd>


</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0');
// ]]>
</script>


[ Dodano: 09-02-2010, 21:54 ]
TO JEST SAMO MENU
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-02-09, 22:03   
Najlepiej jest zrobić stronę na divach. Po za tym ciężko jest się połapać, bo nie ma obrazków.
Zrób najlepiej te obrazki jako tło komórek (albo lepiej divów).
Ostatnio zmieniony przez miglu149 2010-02-09, 22:04, w całości zmieniany 2 razy  
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2010-02-09, 22:03   
po pierwsze kody umieszczamy w znaczniku 'code' dodając posta, po drugie wyłącz proszę caps lock.

Jeżeli chodzi o problem ze stroną to sugeruję nie ciąć grafiki za pomocą wbudowanego narzędzia w ps'ie a jeżeli już ciąć to nie używać potem wygenerowanego kodu tylko napisać własny oparty na DIV an ie na tabelach.

umieść tą stronę na jakimś serwerze, będzie widać jak to wygląda, ale sugerowałbym najpierw te zmiany, o których pisałem, czyli przepisanie kodu na DIVy i użycie CSSa
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
mikix130 

Dołączył/a: 09 Lut 2010
Posty: 4
Wysłany: 2010-02-10, 10:19   
a czy nieda rady już z tego skończyć ??
Bo już zacząłem to robić :(

[ Dodano: 10-02-2010, 14:40 ]
zacząłem w divach
i nic mi niewychodzi podam kod

Kod


<head>
<title>BIBLIOTEKA PUBLICZNEGO GIMNAZJUM nr. 22</title>
<meta name="author" content="miki" />
<meta name="generator" content="notatnik" />
<meta http-equiv="reply-to" content="mikolajkwiecinski@poczta.pl" />
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta name="description" content="BIBLIOTEKA PUBLICZNEGO GIMNAZJUM nr. 22" />
<meta name="keywords" content="Bibioteka, gimnazjum nr 22" />
<meta name="copyright" content="miki" />
<meta name="language" content="pl" />
<meta name="robots" content="all" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2″ />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body xml:lang="pl">


<div id=<img src="PODSTAWA"</div>
<div id="BOK-NR.-2">
<div id="PODSTAWA-NR3"></div>
<div id="BOK-NR4"></div>
<div id="-MENU05"></div>
<div id="-MENU-06"></div>
<div id="-MENU07"></div>
<div id="-MENU08"></div>
<div id="-MENU09"></div>
<div id="DÓŁ-NR10"></div>
<div id="-MENU11"></div>
<div id="-MENU12"></div>
<div id="-MENU13"></div>
<div id="-MENU14"></div>
<div id="-MENU15"></div>
<div id="-MENU16"></div>
<div id="-MENU17"></div>
<div id="-MENU18"></div>
<div id="PODSTAWA-NR3"></div>
<div id="-KONIEC-MENU19"></div>
</div>

</body>
</html>

i jak to się robi
tak: <div id=<img src="PODSTAWA.gif" width="228" height="239" alt=""></td></div>
tak :<div id="BOK-NR4"></div
czy tak ? :<div id="-MENU11"></div>
podpowie mi ktoś ???
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2010-02-10, 14:53   
Robi się:

Kod

<div id="NAZWA">Cos tam</div>
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA
Wysłany: 2010-02-10, 15:23   
o DIV'ach tutaj: http://www.kurshtml.boo.pl/css/szablon.html
 
  podziel si� tym postem na:
mikix130 

Dołączył/a: 09 Lut 2010
Posty: 4
Wysłany: 2010-02-12, 16:36   
a co zrobić zeby niebyło odstępów ??
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA
Wysłany: 2010-02-12, 16:42   
odstępów gdzie i jakich?
najlepiej by było jakbyś podał adres do strony, bo wróżenie z fusów jest nie modne :P
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz