CSS

14. 05. 2008 | † 23. 06. 2012 | kód autora: H5j

Je to jen velmi malá úprava na tom mém blogu. Vlastně je stránka jen víc posunutá k sobě. Ale pokud byste opravdu chtěli zde je css kód.

Žlutě vybarvený odkaz je možné vyměnit za jiný podle toho jaké chcete mít pozadí menu.

#header-img{
width: 950px;
height: 305px;
background: url('http://www.svetu.cz/blog/header/nazor/395.jpg') no-repeat center;
}

#header A:link, #header A:active, #header A:visited, #header A:hover {
TEXT-DECORATION: none;
cursor: pointer;
}

#header-text1, #header-text1 A:link, #header-text1 A:active, #header-text1 A:visited, #header-text1 A:hover{
position: relative;
font-size: 18px;
height: 28px;
line-height: 28px;
color: #E4CBCB;
top: 37px;
padding-left: 25px;
}

#header-text2, #header-text2 A:link, #header-text2 A:active, #header-text2 A:visited, #header-text2 A:hover{
position: relative;
font-size: 12px;
height: 22px;
line-height: 22px;
color: #E4CBCB;
top: 30px;
padding-left: 290px;
}
/*snoopy styl upraveného stylu svet.cz*/

#header-img{
width: 1000px;
height: 350px;
background: url('http://www.svetu.cz/blog/header/nazor/395.jpg') no-repeat center;
}

#header A:link, #header A:active, #header A:visited, #header A:hover {
TEXT-DECORATION: none;
cursor: pointer;
}

#header-text1, #header-text1 A:link, #header-text1 A:active, #header-text1 A:visited, #header-text1 A:hover{
position: relative;
font-size: 18px;
height: 28px;
line-height: 28px;
color: #E4CBCB;
top: 37px;
padding-left: 25px;
}

#header-text2, #header-text2 A:link, #header-text2 A:active, #header-text2 A:visited, #header-text2 A:hover{
position: relative;
font-size: 12px;
height: 22px;
line-height: 22px;
color: #E4CBCB;
top: 30px;
padding-left: 290px;
}

body {
padding: 0px;
margin: 0px;
FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 16px;
background: #2F2F2F;
color: #FFFFFF;
}
A:link, A:active, A:visited {
COLOR: #CACACA;
TEXT-DECORATION: none
}
A:hover {
COLOR: #CACACA;
TEXT-DECORATION: underline;
}
ul, ol {
margin-top: 0px;
}
p {
MARGIN: 0px;
PADDING: 0px;
PADDING-BOTTOM: 10px;
}
img{
border: 0px;
}
input{
font-size: 10px;
}
form {
clear: both;
margin: 0px;
}
#page {
width: 1010px;
margin: 0 auto;
BACKGROUND-COLOR: #2F2F2F;
}
#border-left {
display: block;
width: 950px;
}
#border-right {
display: block;
width: 950px;
}
#inside {
float:right;
display: block;
padding: 0px;
margin: 0px;
width: 900px;
}
#items{
margin-top: -22px;
float: right;
width: 650px;
z-index: 10;
padding: 10px;
padding-bottom: 15px;
background: #2F2F2F url(http://www.svetu.cz/blog/styly/pozadi_04.gif) top left repeat-x;
}
#items2{
float: right;
width: 650px;
z-index: 10;
padding: 10px;
padding-top: 15px;
padding-bottom: 10px;
background: #2F2F2F url(

....svetu.cz/blog/styly/pozadi_04.gif">http://www.svetu.cz/blog/styly/pozadi_04.gif) top left repeat-x;
}
#menu {
float: left;
border-right: 1px #3B3B3B solid;
border-bottom: 1px #3B3B3B solid;
width: 208px;
background: #E67701 url(http://www.svetu.cz/blog/styly/pozadi_04_1.jpg) top left repeat-x;
color: #4F1C17;
padding: 5px;
margin-top: -22px;
margin-left: 2px;
}
#menu h4{
FONT-WEIGHT: bold;
font-size: 13px;
text-align: left;
margin-top: 5px;
margin-bottom: 2px;
}
#menu_rozdel{
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
#menu_rozdel_mene{
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
#menu A:link, #menu A:active, #menu A:visited {
COLOR: #4F1C17;
TEXT-DECORATION: none
}
#menu A:hover {
COLOR: #FFFFFF;
TEXT-DECORATION: underline;
}
div#profil{
min-height: 65px;
border: 1px solid #3B3B3B;
font-size: 10px;
margin-bottom: 5px;
margin-right: 2px;
padding: 3px;
line-height: 130%;
background: #E67701;
overflow: hidden;
}
img#profil{
border: 2px solid #2F2F2F;
margin: 0px;
margin-right: 3px;
}
#profil_avatar{
width: 75px;
height: 75px;
background-color: #2F2F2F;
border: 1px #2F2F2F solid;
}
.itembody{
clear: both;
margin: 0px;
padding: 5px;
padding-top: 5px;
LINE-HEIGHT: 150%;
FONT-SIZE: 1.0em;
}
.img-left{
float: left;
margin: 5px 10px 5px 0;
}
.img-right{
float: right;
margin: 5px 0 5px 10px;
}
.img-center{
margin: 5px auto;
}
h1, h2{
float: left;
width: 100%;
margin: 0px;
padding-top: 3px;
padding-left: 3px;
height: 25px;
FONT-SIZE: 17px;
FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif";
LINE-HEIGHT:24px;
FONT-WEIGHT: bold;
color: #FFFFFF;
}
h2.itemtitle{
float: left;
width: 100%;
margin: 0px;
padding-top: 3px;
padding-left: 3px;
border-bottom: 1px #FFFFFF solid;
height: 25px;
FONT-SIZE: 17px;
FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif";
LINE-HEIGHT:24px;
FONT-WEIGHT: bold;
color: #FFFFFF;
}
.iteminfo{
clear: both;
PADDING-BOTTOM: 0.5em;
padding-left: 3px;
FONT-SIZE: 0.8em;
MARGIN-TOP: 3px;
MARGIN-BOTTOM: 0px;
TEXT-ALIGN: left;
}
.iteminfo2{
clear: both;
BORDER-TOP: #FFFFFF 1px solid;
BORDER-BOTTOM: #FFFFFF 1px solid;
PADDING: 3px;
padding-top: 2px;
FONT-SIZE: 0.8em;
COLOR: ;
TEXT-ALIGN: right;
}
.pokracovani_clanku{
text-align: right;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
}
#footer {
display: block;
width: 950px;
height: 15px;
text-align: right;
FONT-SIZE: 0.8em;
clear: both;
margin: 0px;
padding: 3px;
padding-bottom: 0px;
}
/*kalendar*/

#kalendar{
border-collapse: collapse;
border: 1px solid #3B3B3B;
margin-top: 10px;
font-size:10px;
text-align: center;
color: #000000;
background-color: #ffffff;
}

#kalendar a:link, #kalendar a:visited, #kalendar a:active, #kalendar a:hover {
color: #4F1C17;
TEXT-DECORATION: underline;
}

#kalendar_outside{
BACKGROUND-COLOR: #3B3B3B;
color: #ffffff;
font-size:11px;
padding: 1px;
}

#kalendar_dny{
color:#3B3B3B;
LINE-HEIGHT:12px;
}

#kalendar_akt{
BACKGROUND-COLOR: #3B3B3B;
}
/*end kalendar*/

/*hodnoceni*/

#hodnoceni{
width: 99%;
clear: both;
BACKGROUND-COLOR: #E67701;
color:#4F1C17;
border: 1px #3B3B3B solid;
font-size: 12px;
margin-left: 3px;
padding-left: 5px;
text-align: left;
line-height: 200%;
}

#hodnoceni_znamky{
float: left;
margin-left: 5px;
margin-right: 20px;
color: #ffffff;
text-align: center;
word-spacing: 5px;
}

#hodnoceni_znamky A:link, #hodnoceni_znamky A:active, #hodnoceni_znamky A:visited{
color: #ffffff;
}
#hodnoceni_text{
font-size: 10px;
color: #ffffff;
margin-left: 4px;
}

/*komentare a anketa*/

.anketa{
width: 99%;
clear: both;
BACKGROUND-COLOR: #E67701;
color:#4F1C17;
border: 1px #4F1C17 solid;
font-size: 12px;
margin-left: 3px;
padding-left: 5px;
text-align: left;
line-height: 200%;
}
.anketa A:link, .anketa A:active, .anketa A:visited {
COLOR: #FFFFFF;
TEXT-DECORATION: none
}
.anketa_v_menu {
width: 95%;
clear: both;
BACKGROUND-COLOR: #E67701;
color:#4F1C17;
border: 1px #4F1C17 solid;
margin: 0px;
font-size: 10px;
padding-left: 3px;
text-align: left;
line-height: 200%;
}

#anketa_radek{
clear: both;
margin-bottom: 2px;
}

#anketa_text{
padding-top: 3px;
}

#anketa_graf{
float: left;
margin-top: 5px;
}

#anketa_graf2{
float: left;
}

#komentar_ram {
clear: both;
background-color: #ffffff;
color: black;
border: 1px solid #3B3B3B;
margin-top: 5px;
margin-bottom: 5px;
}

#komentar_titulek, #komentar_titulek a:link, #komentar_titulek a:visited, #komentar_titulek a:active{
background-color: #E67701;
color: #ffffff;
padding: 3px;
}

#komentar_titulek a:hover{
TEXT-DECORATION: underline;
}

#komentar_datum{
float: left;
font-size: 10px;
}

#komentar_odpoved{
font-size: 12px;
}

#komentar_stred{
clear: both;
border-top: 1px solid #3B3B3B;
}

#komentar_odkaz, #komentar_odkaz a:link, #komentar_odkaz a:visited, #komentar_odkaz a:active{
font-size: 10px;
color: #E67701;
line-height: 10px;
padding-top: 3px;
padding-left: 2px;
}

#komentar_text{
padding: 5px;
text-align: justify;
}

#komentar_avatar{
float: left;
border: 2px solid #E67701;
margin-right: 2px
}

#komentar_end{
clear: both;
line-height: 1px;
}

#komentar select{
margin-top: 2px;
margin-bottom: 5px;
}

#komentar_novy{
width: 99%;
clear: both;
BACKGROUND-COLOR: #E67701;
color:#4F1C17;
border: 1px #3B3B3B solid;
font-size: 12px;
text-align: left;
padding: 3px;
margin-bottom: 3px;
margin-left: 3px;
}

#komentar_novy a:link, #komentar_novy a:visited, #komentar_novy a:active{
color:#4F1C17;
}

#souvisejici_clanky{
padding-left: 10px; clear: both;
}

#souvisejici_clanky li{
list-style-type: square;
}

#linkovani, #linkovani a:link{
atext-align: center;
font-size: 1em;
}
#linkovani a img {
position: relative;
top: 2px;
margin-left: 5px;
margin-right: 5px;
border: 0px;
}

/*galerie*/

....galerie-nahled{
float: left;
}

.galerie-nahled img, #galerie-seznam a img, #galerie-menu a img {
padding: 5px;
text-align: center;
margin: 5px;
background: #FFF;
border: 1px solid #3B3B3B;
}

.galerie-nahled a:hover img, #galerie-seznam a:hover img, #galerie-menu a:hover img {
border: 2px solid #3B3B3B;
margin: 4px;
}

#galerie-obrazek{
border: 2px solid #E67701;
padding: 5px;
}
#galerie{
clear: both;
padding-top: 5px;
}

#galerie-zobrazeni{
clear: both;
}

#galerie-seznam{
margin: 10px 5px 0px 0px;
float: left;
width: 340px;
border: 1px solid #3B3B3B;
background: #E67701;
height: 120px;
}
#galerie-vypis{
margin: 5px 5px 5px 0px;
float: left;
width: 128px;
border: 1px solid #3B3B3B;
background: #E67701;
height: 143px;
}
#galerie-vypis-nazev{
font-size: 7pt;
line-height: 110%;
text-align: center;
}
#galerie-resume{
padding-top: 3px;
padding-bottom: 3px;
font-size: 7pt;
line-height: 110%;
}

#galerie-nadpis{
font: 12pt "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
padding-top: 5px;
}

#galerie-popis{
font-style: normal;
font-size: 8pt;
padding-top: 5px;
padding-right: 3px;
text-align: justify;
line-height: 10pt;
}
#galerie-nabidka{
margin-bottom: 10px;
}

Zobrazit další články tohoto autora

Další články z rubriky pocitace

Související články

Copyright © 2008-2018 Hups.cz. Všechna práva vyhrazena.