Zdravím,
můžu se zeptat jak udělám barevný přechod pozadí který bude do 3/4 (třeba 400px od vrchu stránky) stránky přechod a zbytek uz bude jedna barva aby se to pozadi nenatahovalo když bude stranka dlouha?
Díky
Fórum › CSS
Barevny přechod pozadí
![](img/forum_vlakno_help_vyreseno.png)
Jak rika zelenac + musis nastavit te strance barvu konce toho prechodu, aby to bylo plynule
grrr
ten prechod dej jako pozadi pro tag BODY:
body{
background-image: url(prechod.png);
background-color: #xxxxxx;
background-repeat: repeat-x;
}
a pridej DIV, kteremu nastavis kulate rohy, barvu, eventualne dalsi prechod apod!
no vim ale osobne vidim jen jediny zeleny ramecek. CSS vipada takto:
/* CSS Layout */
body {
text-align: center;
min-width: 860px;
background-image: url(../img/bgr.png);
background-repeat:repeat-x;
background-color: #78a944;
}
/* hlavni blok stranky*/
#wrapper {
width: 645px;
margin: 0 auto;
text-align: left;
}
/* blok hlavicka */
#branding {
height: 150px;
background-image: url(../img/logo.png);
background-repeat:no-repeat;
}
/* horni navigacni lista */
#navigace {
text-align:right;
height: 30px;
background-image: url(../img/top_lista.png);
background-repeat:no-repeat;
background-position: top;
background-position: right;
padding: 0px 10px 0px 0px;
}
/* blok navigace */
#navigacni_lista {
font-size: 13px;
width: 400px;
float: left;
margin: 0px 0px 1px 0px;
}
#navigacni_select {
width: 100px;
float: right;
margin: 0px 0px 1px 0px;
}
/* blok obsahu */
#content {
width: 625px;
height: 500px;
background-color:#00FF00;
padding: 10px 10px 10px 10px;
background-color:#669900;
}
/* paticka */
#footer {
clear: both;
background-image:url(../img/paticka.png);
background-repeat: no-repeat;
margin-top: 10px;
padding: 0px 10px 0px 10px;
height: 36px;
}
zeleny ramecek pro betsi jasno jsem cervene oramoval viz priloha
Kolikrat ti to jeste mam napsat? Ten prechod nastavis tagu BODY! Pridas DIV, pojmenujes si ho napr. "telo". Nastavis mu sirku (=sirka webu), zarovnas ho doprostred. Do tohoto "tela" vlozis dalsi DIVy - header, footer, ten tvuj zeleny ramecek apod. S nimi uz si muzes delat co chces - nastavit jim barvu pozadi, kulate rohy... Je to jen a jen na tobe!
XHTML:
<body>
<div class="telo">
<div class="header">
<img src="logo.jpg" />
</div>
<div class="zeleny_ramecek">
Plaťte, plaťte!
3.5.2009 - výstava angorských morčat
</div>
<div class="patka">
Copyright (c) Jaaa
</div>
</div>
</body>
CSS:
.body{
bg-color: zelena;
bg-image: url(bg_prechod.png);
bg-repeat: repeat-x;
}
div.telo{
width: 770px;
margin: 0px auto;
}
div.zeleny_ramecek{
bg-color: zelena;
}
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 4 hosté
Podobná vlákna
Širší barevný přechod — založil Elisa
Barevný nebarevný — založil Jan Malý
Barevny řadek v komponentě RichEdit — založil Borisek
Win32 API - "Barevný EditBox" — založil Hunty
Jde barevný text v C++ consoli ? ... consolové menu ... — založil gatuso
Moderátoři diskuze