dziewczynka z aparatem

wtorek, 4.sierpnia.2009, 11:46
Komentarze (0), Dodaj

Szablon dla fotobloga w serwisie Folog. Do niego jest dostosowany wygl�d galerii w dziale (folog gallery) :)
No to chyba tyle co mam narazie do powiedzenia na jego temat :)

Dub Fx

Koncert Dub Fx na woodstocku

Wi�cej w albumie: urlop

Kod szablonu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
 <title>
{name} - fotoblog</title>
{styl_css}
</head>
<body id="strona-glowna">
<div id="main">
	<div id="header">
		
		<h1>
			<span>{name}</span>

</h1>
<div id="sitesLinks">
<a href="{profile}">Profil</a>
<a href="/gallery/">Galeria</a>
{gbook}
<a href="/ulubiony/">Ulub</a>
{linkme}
</ul>
</div>
	</div>

<div id="note">
		<div id="container">
	
<div id="blog">
{blog}<br />
<div id="navNote">
<span id="next">{next}</span>
<span id="back">{back}</span>
</div>
</div>
<div id="albums">
<h2>Albumy</h2>
{albums}
<h2>Najnowsze komentarze</h2>
{last_img_comments}

<h2>Archiwum</h2>
{archive}
{if:linked}<h2><span>Podlinkowane strony</span></h2>
{linked}{/if}
{if:links}<h2><span>Linki</span></h2>
{links}{/if}
</div>
<div class="end"></div>
</div>
</div>
		<div id="footer">
			<div id="footerContainer">
				<div id="signature">
Lay by <a href="http://aneczka.myspot.pl">Aneczka</a><a href="http://radioactive-toy.mylog.pl">blog</a>,<a href="">portfolio</a><a href="http://www.perfect-drug.com">Szablony i dodatki</a><br />
<br><a href="http://perfect-drug.com/"><img src="http://www.majhost.com/gallery/aneczka/avatar/baners/9.jpg" title="graphic, web design and website resource" alt="graphic, web design and website resource"></a>
				</div>
						</div>
<div class="end"></div>
		</div>

</div>
</body></html>

�eby szablon dzia�a� prawid�owo musisz w "edycja stylu css" doda� nast�puj�cy kod:

/*Nie zmieniamy*/
html, body {width: 100%;padding: 0;margin: 0;}
img {border: none;}
h1, h3, h2, h4, p, select, form, ol, ul, li { margin: 0px; padding:0px;}

#footer {clear:both; text-align: center;}

#status img,#status span,#commentAvatar100, 
#links a {margin: 0 6px;}
#sitesLinks a{margin:4px 2px;}
#sitesLinks, #links{text-align: center; margin-bottom: 10px;}

#main {text-align:left;}

/*Zmieniamy*/

#back a, #next a  {
display: block;
float: left;
width: 49%;
padding-bottom: 10px;
}
#back a {
text-align: right;
}
body {  
font-size: 12px ; /*czczionka*/
color: #841212; /*kolor tekstu*/
background-attachment:fixed ; /*przewijanie tla*/
background-color: #000; /*kolor tla*/
background-image: url(http://www.majhost.com/gallery/aneczka/szablony/wood.jpg); /*obrazek tla*/
background-position: center top; /*pozycja tla*/
background-repeat: ; 
text-align: justify;
}
a{
color:#6F4822; 
text-decoration: none; 
}
a:hover{
color: #777777; /*kolor tekstu*/
text-decoration: underline;
}
/*Wybieramy co ma sie pojawiac*/
.avatar100 { }
.avatar50 {display: none }
.itemName { display: none}

h1 {
font-family:georgia;
font-size:25px;
font-style:italic;
background: url(http://www.majhost.com/gallery/aneczka/szablony/wood-orn-black.png) transparent left top no-repeat;
height: 318px;
left: -70px;
top: -50px;
padding-top: 55px;
padding-left: 85px;
position: absolute;
}
#main {
position: relative;
margin: auto;
padding-left:7px;
width: 720px;
margin-top: 60px;
margin-bottom: 30px;
background: url(http://www.majhost.com/gallery/aneczka/szablony/wood.png) transparent repeat;

}
#container {
padding-left: 5px;

text-align: justify;
padding-top: 40px;

}
#note {
z-index: 10px;

position: relative;

}
#sitesLinks {
position:absolute;
right:-2px;
text-align:left;
top:-18px;
}
#sitesLinks a:hover{
text-decoration: none;
}
#sitesLinks a {
background: url(http://www.majhost.com/gallery/aneczka/szablony/wood.png) transparent repeat;
padding:2px 4px;
position: relative;
font-variant: small-caps;
}
textarea, input, select {
color: #777;
background: #000;
border: 1px solid #841212;
font-size: 11px ;
}

#footer img {
border: 2px solid #000;
}
#signature {

text-align: center;
}
#blog {width: 520px; float: left;
margin-right: 20px;}
#albums {width: 160px; float: left}
#albums span {
display: block;
width: 100px;
height: 25px;
background-position: 50% 50%;
}
#albums h2{
border-bottom:1px solid #841212;
margin-bottom:4px;
padding-right:5px;
text-align:right;
}
.hr h2 {
text-align: right;
padding-right: 5px;
border-bottom: 1px solid #841212;
margin-bottom: 4px;
}
.lista {
text-align: center;
}
.onenote  {
width: 520px;

position: relative;
margin-bottom: 9px;

}

.noteContent {

padding: 4px;
text-align: left;
}
.top {
font-style: italic;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
border-left: 10px solid #000;
padding-left: 5px;
}
.onenote a {
text-decoration: none;

}
.top p {
font-weight:bold;
margin-right: 7px;
display: block;
font-size: 11pt;
}

.infoNote {
background:#282828;
border:1px solid #1C1C1C;
padding:5px;
margin-top: 5px;
}
.tags {
margin-top: 2px;
}
.tags a {
background:#000000;
border:1px solid #1C1C1C;
padding:1px 2px ;
}
.comment {
text-align: right;

}
.comment a{
background: #3F3F3F ;
border-left:1px solid #3B3B3B;
border-right:1px solid #3B3B3B;
border-bottom:1px solid #3B3B3B;
font-variant: small-caps;
margin-left: 3px;
padding: 2px;
}
.comment a:hover{
background: #1F1F1F;
}
.onenote .top p:first-letter { 
text-transform: uppercase;
 }

.reply {
text-align: right;
}

.onecomment  {
width: 100%;
position: relative;
margin-bottom: 9px;
clear: both;
}
.onecomment .avatar {
background:#474646 ;
padding:10px;
width: 100px;
position:absolute;

top:0;
}

.even  .avatar{left: 0px;}
.odd  .avatar{float:right;right:-170px;}
.even  .noteContent{position: relative; left:130px;}

.onecomment .avatar img{
border:1px solid #1C1C1C;}

body#comment #note, body#gbook #note {
padding-top: 14px;
}

body#comment #container, body#gbook #container{
width:520px;
padding:3px;
left: 0px;

}
.onePhoto {
text-align: center;
border-bottom:1px solid #3B3B3B;
padding-bottom:5px;
margin-top:5px;
}

body#comment #footer, body#gbook #footer {
background: none;
border: none;
}
.empty {display: hidden}
#guest p span,#user p,#user h3 {display:inline}
#email span,#ksywa span,#url span,#guest_details p span,#content span {display:block}
#user {margin:10px 0}
#site,#guest,#guest_details p span {text-align:left}
#site,#guest {width:270px}
#site {margin-bottom:10px}
#site select {width:142px}
#guest_details {width:260px}
#guest_details p span {width:100px;float:left}

Kod pojedynczej notki

Poprzednia notk Nast�pna notka