| Autor | Zpráva | ||
|---|---|---|---|
| Anonymus Profil * |
#1 · Zasláno: 17. 6. 2012, 13:30:03 · Upravil/a: Moderátor (editace znemožněna) 17. 6. 2012, 14:48:02
dobrý den, chtěl bych se zeptat, jak na stránkách www.the-beatless.sweb.cz nastavim menu a celej vzhled, aby to bylo podobný stránkám aldevelopment.eu
chci stejný rozložení menu, barvu za textem atd. jeli možno celej kód kterym to natavim |
||
| Taurus Profil |
#2 · Zasláno: 17. 6. 2012, 14:26:42
Stránky nefungují. Pokud chceš mít podobné menu, stačí zobrazit zdrojový kód a překopírovat k sobě. K tomu nejsme potřeba. A taky studovat css na www.jpw.cz, kde se pěkně píše vše potřebné.
|
||
| Petr ZZZ Profil |
#3 · Zasláno: 17. 6. 2012, 14:47:32
Anonymus:
Podívej se, jaké jsou na té stránce tagy (rejstřík HTML tagů), třídy a identifikátory a co je napsané v CSS. Pokud jsi ale ještě nikdy nic nekódoval nebo s tím teprve začínáš, připrav se na to, že máš následujících několik týdnů až měsíců co dělat. A mysli také na autorská práva a na to, že inspirovat se a kopírovat není totéž. |
||
| Anonymus Profil * |
#4 · Zasláno: 17. 6. 2012, 14:52:55 · Upravil/a: Moderátor (editace znemožněna) 17. 6. 2012, 23:42:49
no sou to stránky spolužáka takže ten mě stad žalovat nebude... no a zdrojovej kód sem sice zkopíroval, ale jestli má to style.css uložený v compu tak mi to snad ani jít nemá ne ? potřeboval bych ten kód co nejrychlejch a rozhodně na to nemam týdny až měsíce... a vůbec nevim kde to seženu
ty spolužákovy stránky sou tyhle http://aldevelopment.eu/beastie_boys/index.html |
||
| Taurus Profil |
#5 · Zasláno: 17. 6. 2012, 19:36:05
Dívalo ses na ty odkazy, co jsi dostal? Co ten zdrojový kód, nešel přesunout k tobě? V čem byl problém? Nějaká snaha?
|
||
| Anonymus Profil * |
#6 · Zasláno: 17. 6. 2012, 19:44:26
jo tohle sem si už četl ale to je jen pozadí a vzhled stránky, pozadí, obrázek na pozadí atd. nikde sem tam nevyčetl něco o přizpůsobení menu vlastní představě, takže netušim jak na to
|
||
| Fisir Profil |
#7 · Zasláno: 17. 6. 2012, 19:49:49
Reaguji na Anonyma [#9]:
„netušim jak na to“ Do zdrojového kódu jsi se díval? <div class="menu">
<ul>
<li><a href="index.html">Úvod</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="historie.html">Historie</a></li>
<li><a href="diskografie.html">Diskografie</a></li>
</ul>
</div>div.menu
{
text-align: center;
}
.menu li {
list-style-type: none;
float: left;
margin: 5px;
}
.menu ul {
width: 300px;
margin: 0px auto;
} |
||
| Anonymus Profil * |
#8 · Zasláno: 17. 6. 2012, 19:56:32
tohle tam někde je ? že by tam tohle bylo to sem si teda nevšim, ale asi nevim kam se dívat
|
||
| Fisir Profil |
#9 · Zasláno: 17. 6. 2012, 19:57:27
Reaguji na Anonyma [#11]:
První část (do </div>) je v samotném HTML, ostatní je v samostatném CSS souboru.
|
||
| Anonymus Profil * |
#10 · Zasláno: 17. 6. 2012, 20:04:24 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 22:44:56
no už sem tam měl nějakej kód takže to teď vypadá takle :
p {text-indent: 30px; margin: 20px 0px 0px 0px; }
a {text-decoration: none}
a:link {color: blue}
a:visited {color: navy}
a:active {color: red}
a:hover {color: red; text-decoration: underline}
h2 {color: blue; font-style: italic}
h1 {color: green; text-align: center}
div.menu
{
text-align: center;
}
.menu li {
list-style-type: none;
float: left;
margin: 5px;
}
.menu ul {
width: 300px;
margin: 0px auto;
}jen jeden problém tam je, že ten h1 nadpis není pod tím menu ale vedle něj a ještě jedna otázka, chtěl bych tam dát pozadí a na to sem si našel tenhle kód: <style>
body {
background-image: URL('pozadi.gif'); /* obrázek na pozadí */
background-attachment: fixed; /* pozadí neroluje */
background-color: black; /* případná barva pozadí černá */
color: white; } /* bílý text */
</style>to se dává taky do toho CSS souboru ? kdyžtak jak bych měl správně sformovat kód aby to fungovalo ? |
||
| Rfilip Profil |
#11 · Zasláno: 17. 6. 2012, 20:12:28
do css bez toho
<style> a </style>
|
||
| Anonymus Profil * |
#12 · Zasláno: 17. 6. 2012, 20:27:14
a eště jedna věc, jakym příkazem vycentruju veškerý obrázky a text doprostřed ? nebo příkaz na vymezení odkud kam bude text+obrázky... to proto že sem si vybral na pozadí obrázek, kterej má uprostřed volnou plochu a v okrajích už sou nějaký obrázky, a v tom nechci mít text ani nic dalšího
|
||
| Rfilip Profil |
#13 · Zasláno: 17. 6. 2012, 20:35:26
text a obrazky si dej do divu, v css vlastností margin si nastav okraje(šířku obrazkové plochy v tvém obrázku)
|
||
| Anonymus Profil * |
#14 · Zasláno: 17. 6. 2012, 20:39:55
nojo to se lehce řekne ale člověk co v tom zrovna moc neumí to težko provede.
hele tady je kód co mam v css, co tam mam tedy připsat ? kdyžtak pak rozsah si můžu upravit p {text-indent: 30px; margin: 20px 0px 0px 0px; }
a {text-decoration: none}
a:link {color: blue}
a:visited {color: navy}
a:active {color: red}
a:hover {color: red; text-decoration: underline}
h2 {color: blue; font-style: italic}
h1 {color: green; text-align: center}
div.menu
{
text-align: center;
}
.menu li {
list-style-type: none;
float: left;
margin: 5px;
}
.menu ul {
width: 300px;
margin: 0px auto;
} |
||
| Rfilip Profil |
#15 · Zasláno: 17. 6. 2012, 20:42:44
text a obrázky máš v jakém tagu?
|
||
| Anonymus Profil * |
#16 · Zasláno: 17. 6. 2012, 20:45:42
nevim teď jak to myslíš, ale obrázky mam v kódu takle :
<a href="alb1.html"><img src="Album1maly.jpg" alt="album" /></a><p><strong>Please Please Me (1963)</strong></p> |
||
| Petr ZZZ Profil |
#17 · Zasláno: 17. 6. 2012, 20:46:48
Anonymus:
Tobě chybí naprosté základy, ty najdeš na stránkách Jak psát web. Podívej se tam nejdřív na základní kurz. V naprosté zkratce: Potřebuješ HTML a CSS. To jsou dva různé jazyky. V HTML je psaný přímo ten soubor, který vidíš v prohlížeči jako nějakou stránku. CSS je doplněk k HTML, kterým se určuje, jak ty stránky vypadají (sloupec vlevo nebo vpravo, modré nebo zelené písmo, obrázkové pozadí atd...). CSS může být začleněno do souboru HTML buď přímo, nebo je v externím souboru, na který se ten HTML soubor jen odvolává. Podívej se na kód jednoduchého schématu stránky. Tam je CSS přímo v hlavičce stránky, mezi tagy <style> a </style>. Dáš-li CSS do externího souboru (ten musí mít koncovku .css), píšeš přímo jednotlivé deklarace, bez těch tagů <style> a </style>.
|
||
| Anonymus Profil * |
#18 · Zasláno: 17. 6. 2012, 20:51:47
já vim, že se v tom zrovna dcakrát neorientuju, ale jediný co mi už chybí je to vycentrování na střed. ty stránky musej bejt do zejtra hotový, takze me tlací čas jinak bych si to přečetl. takže jestli by mě někdo mohl poradit s tim kódem byl bych vděčnej
|
||
| Rfilip Profil |
#19 · Zasláno: 17. 6. 2012, 21:07:04
Anonymus: Html:
<div class="obsah"><a href="alb1.html"><img src="Album1maly.jpg" alt="album" /></a><p><strong>Please Please Me (1963)</strong></p></div> .obsah {
margin: 0 20px 0 20px;
}pravých 20px = šířka pravé obrázkové časti obrázku |
||
| jenikkozak Profil |
Rfilip:
> levých 20px = šířka levé obrázkové části obrázku > pravých 20px = šířka pravé obrázkové časti obrázku Obráceně. Pořadí je: horní, levý, spodní, pravý. Edit: Napsal jsem to blbě, promiň. Pořadí je: horní, pravý, spodní, levý - takže to, co je v zápisu vlevo, je pravý okraj, to, co je vpravo, je levý okraj. Ty to máš obráceně. |
||
| Rfilip Profil |
#21 · Zasláno: 17. 6. 2012, 21:17:01
|
||
| Anonymus Profil * |
#22 · Zasláno: 17. 6. 2012, 21:17:24
nojo obrázek je zhruba tam kde by měl být ale text není... já spíš myslel něco co dám do head toho html kódu a celá ta stránka bude centrovaná na střed... ne jen jeden obrázek
|
||
| Rfilip Profil |
#23 · Zasláno: 17. 6. 2012, 21:19:00 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 01:26:16
ty myslíš i ten podkladový obrázek?
|
||
| Anonymus Profil * |
#24 · Zasláno: 17. 6. 2012, 21:44:55 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 01:26:25
ja myslim uplně všechno aby bylo centrovaný na střed a tak 5cm od kraje ke středu stránky nebylo vůbec nic, stejně jako na http://aldevelopment.eu/beastie_boys/index.html
|
||
| Amunak Profil |
#25 · Zasláno: 17. 6. 2012, 22:43:09 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 01:30:04
Rfilip:
Moc nechápu, o co se snažíš. Anonymus očividně nemá ambice se něco naučit - jen "co nejrychleji potřebuje stránky". > .obsah { > margin: 0 20px 0 20px; > } Co takhle jen .obsah {
margin: 0 20px;
} |
||
| Rfilip Profil |
#26 · Zasláno: 17. 6. 2012, 22:45:27 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 01:30:11
já jsem myslel že ten jeho podkladový obrázek není na obouch stranách stejne široký
myslím že tu řešení v tomto vlákně najdeš :) |
||
| Anonymus Profil * |
#27 · Zasláno: 17. 6. 2012, 22:46:46 · Upravil/a: Moderátor (editace znemožněna) 25. 6. 2012, 01:35:35
a neřikal sem že to je do zejtra ? tak kdy se to mam asi tak naučit ?
|
||
| Amunak Profil |
#28 · Zasláno: 17. 6. 2012, 22:56:08
Anonymus:
Teď už toho asi moc nestihneš. Předpokládám, že to byl nějaký úkol - pak by asi bylo dobré dávat pozor ve škole a případně to začít řešit dříve. Můžeš si každopádně ale přečíst něco o CSS a HTML, najít si jak se s tím pracuje a zkusit trochu experimentovat. Jestli potřebuješ 5cm okraj kolem stránky, tak elementu body nastav v CSS margin na 5cm. |
||
|
Časová prodleva: 11 let
|
|||
0