Web dizajn Boje na blogu

pavlek · 6 Sij 2011

Pozdrav ekipa.

Vec 2 dana trazim templejt za moj blog, i napokon sam ga pronašao.
Perfektan za ovakvu vrstu, međutim, default boje mi se nisu svidjele.
Jer je sve bilo bijelo, a to mi se baš i ne sviđa.

Mixao sam nešto s bojama u HTML-u i na kraju je ispalo još gore.

Ono što želim je da boje budu ugodne za oci, nije bitno jeli svijetlo ili tamno, samo da se fino uklapaju i da budu jednostavno ugodne.

Ne previse upadljive, ne previse "blijede".

Sve u svemu, blog je u potpisu - a ono sto bi vas molio je da mi naredite to

Stavit cu ovdje kod tog dizajna, i molio bih nekog tko ima iskustva s tim, da stavi neki pattern, ili boju, bilo šta samo da izmjeni sve trenutne boje koje su sad.

Uglavnom da bude ugodno, moze i neka slika u pozadinu, mislim da je to pattern, kakogod.

Ako je netko zainteresirat za ovako nesto, neka proba napravit, ne traje dugo - max 15-tak minuta, ali ja jednostavno nisam bas najbolji s bojama i stalno mi nešta ne štima.

Svoje "uratke" stavite ovdje, nemojte mi se javljat na PP jer idem vanka, kad se vratim pogledat cu ako je netko nesta napravio, pa ciji mi bude najbolji, platit cu mu nešto siće za pivo preko alertpaya xD
Nema se, još :/

Nadam se da ce mi netko pomoci, jer mislim da nije problem.
Hvala unaprijed

Kod:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageName == ""'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Latest Blogger Template
Designer: wpthemedesigner.com
Converter:  anshuldudeja.blogspot.com
Downloaded from: www.Bloggerstyles.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#000000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#BD2031">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
	text-align: center;
	font: 12px Verdana;
	color: #C5EFFD;
	background: #231F20;
	padding: 20px 0;
}
a {
	text-decoration: none;
	color: #588cb8;
}
a:hover {
	text-decoration: underline;
	
}
a{outline:none;}

img {
	border: 0;
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

/* Header
-----------------------------------------------
 */

#header-wrapper {
        height:169px;
	background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSPz6styI/AAAAAAAABs0/RifHqeEAYvU/s1600/headtile.gif) repeat-x 0 0;
	margin-bottom: 10px; border-right:1px solid #e6e6e6;
        border-left:1px solid #e6e6e6;
}
#header{
clear: both;
float:left;
width: 408px; 
height: 74px;
text-indent: -9999px;
outline: none;
margin-top:20px;
margin-left:5px;
}

#header-right{
float:right;
width:500px;
height:81px;
margin-top:40px;
margin-right:10px;
}


#header-form {
		width: 211px; height: 22px;
                position: absolute;
                background: url(http://2.bp.blogspot.com/_t47uhxwKFVM/SnvSQt2uH7I/AAAAAAAABtU/eBiZAWWg6T8/s1600/search.gif) no-repeat 0 0;
                top: 162px;
                right: 170px;
		
	}
		#header-form input {
			border: 0;
			font-size: 0.9em;
			font-family: Verdana;
			float: left;
			width: 138px;
			background-color: transparent;
			margin: 4px 10px 0 2px;
		}
		
#header form button {
			border: 0;
			text-indent: -9999px;
			width: 61px; height: 22px;
			float: left;
			background-color: transparent;
		}


#menu{
width:960;
height:auto;
z-index:1;
position: absolute;
top: 14px;
left: 115px;
}

#menu ul {
		list-style-type: none
	}
		#menu ul li {
			float: left;
			font-size: 0.8em;
		}
		#menu ul li a {
			display: block;
			color: #727272;
			text-transform: uppercase;
			padding: 5px 10px;
                        text-decoration:none;
		}
		#menu ul li a:hover {
			color: #4DB200;
			text-decoration: none;
		}

#submenu{
width:965;
position: absolute;
top: 154px;
left: 109px;
}

#submenu ul {
		clear: both;
		list-style-type: none
	}
		#submenu ul li {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			padding-left: 1px;
			background: url(http://4.bp.blogspot.com/_t47uhxwKFVM/SnvSO_bLdjI/AAAAAAAABsU/M8JPaL-itKw/s1600/divider.gif) no-repeat 0 0;
                        
		}
			#submenu ul li.f {
				padding-left: 0;
				background: none;
			}
		#submenu ul li a {
			color: #000000;
			display: block;
			padding: 9px 10px 10px;
                        text-decoration:none;
		}
		#submenu ul li a:hover {
			color: #FF0000;
			text-decoration: none;
		}



/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
	width: 967px;
	margin: auto auto;
	text-align: left;
}

#main-wrapper {
	width: 745px;
	float: left;
}

#magazine, magazine-middle, magazine-bottom {width:100%; padding: 0 20px;}
#magazine h2 {
			font-size: 1em;
			color: #588CB8;
                        width:330px;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
		}


#magazine-left, #magazine-left2 {
  width: 46%;
  margin-left:0 auto;
  float: left;
}
#magazine-right, #magazine-right2 {
  width: 46%;
  margin-right:30px;
  float: right;
}

#sidebar-wrapper {
	width: 220px;
	float: right;
        margin-bottom:1px;
}

#content-wrapper {
	border: 1px solid #DBDBDB;
	margin: 13px 0;
	background: url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvSQqBxuMI/AAAAAAAABtc/ds7qbPIdI0Y/s1600/wrapper.gif) repeat-y 745px 0;
	background-color: #006295;
}



/* Headings
----------------------------------------------- */

h2 {
                        font-size: 1em;
			background-color: #9BE1FB;
			padding: 2px 5px;
			
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
  background:#BD2031;
  margin:1.5em 2.5em .5em;
  font-size: 0.8em;
  }

.post {
  width: 340px;
  float: left;
  height: 340px;
  margin:16px;
  margin-bottom:2px;
  }
.post h3 {
  font-size: 1em;
			background-color: #C5EFFD;
                        margin-top:2px;
			padding: 2px 5px;
			border-bottom: 1px solid #C5EFFD;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#588CB8;
  font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
  text-decoration:underline;
}

.post-body {
  margin:.5em 0em .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:#4DB200;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-$startSide:.6em;
  color: #4DB200;
  }
.post img {
  border: 0;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

		
/* Comments
----------------------------------------------- */
#comments {
        margin-top:-40px;
	padding: 15px;
}
	#comments h4 {
		font-size: 1em;
		background-color: #F1F1F1;
		padding: 2px 5px;
		border-bottom: 1px solid #EDEDED;
	}
	#comments a {
		color: #588CB8;
	}

.comment-author{color:#53524b; font-size:12px; background:#d7e8f0; padding:4px; font-weight:bold; text-decoration:none;}
	.comment-author a:link, .comment-author a:visited, 
	.comment-author a:hover{
		font-weight:bold; color:#4DB200;  
		padding-bottom:2px; text-decoration:none;} 
	.comment-footer a:link, .comment-footer a:visited{
		font-size:12px; font-weight:bold; color:#C5EFFD; text-align:center; 
display:block; clear:both;
		width:137px; height:36px; line-height:36px;
		}
	.comment-timestamp{font-size:11px; color:#333333;}
	.comment-timestamp a:link, .comment-timestamp a:visited {
		font-size:11px; color:#999999; background:none; width:auto; height:auto;
		text-align:left; font-weight:normal;
	}
	.post-comment-link{ }
	a.comment-link{
	font-weight: bold;
	}
	dd{margin:0; border:0; padding:0; padding:0 10px; background:#BD2031;}
	dd.comment-body{border:solid 1px #cccccc; border-bottom:none;}
	dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;}
	dd.comment-footer{border:solid 1px #cccccc; border-top:none; margin-bottom:10px;}

.deleted-comment {
  font-style:italic;
  color:gray;
  }



#blog-pager-newer-link {
background : url(http://1.bp.blogspot.com/_t47uhxwKFVM/SnvTNqn1cBI/AAAAAAAABtk/0G0C0heE6NE/s1600/11bro1s.jpg) no-repeat left 0%;
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
background : url(http://3.bp.blogspot.com/_t47uhxwKFVM/SnvTbtJ3AiI/AAAAAAAABts/miM9KBladwk/s1600/2n6dirp.jpg) no-repeat right 0%;
padding-right : 20px;
border : none;
}
#blog-pager {
padding :15px;
text-align : center;
}
.blog-pager a {
color : #588cb8;
}
.blog-pager a:hover {
color : #588cb8;
}





.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar h2 {
		color: #4DB200;
		font-size: 0.9em;
		text-transform: uppercase;
		padding: 9px ;
		background: url(http://4.bp.blogspot.com/_t47uhxwKFVM/SnvSQAcysVI/AAAAAAAABs8/ZUDIR6gXOzI/s1600/horizontal.gif) no-repeat 8px 22px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 10px;
	}
		#sidebar ul li {
			line-height: 1.4em;
			padding: 2px;
			border-bottom: 1px dotted #ABABAB;
		}
		#sidebar ul li a {
			color: #727272;
		}
		#sidebar ul li a:hover {
			color: #588CB8;
			text-decoration: none;
		}
	#sidebar .tags {
		padding: 0 10px 10px;
	}
		#sidebar .tags a {
			color: #727272;
		}
		#sidebar .tags a:hover {
			color: #588CB8;
			text-decoration: none;
		}
	#sidebar .flickr {
		padding: 0 10px 10px;
	}
		#sidebar .flickr img {
			margin: 2px;
		}
	#sidebar .video {
		padding: 0 10px 10px;
	}


/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}

#bottom {
		clear: both;
		padding: 15px 10px 0;
	}
		#bottom-1 {
			width: 220px;
                       float:left;
			padding: 10px;
		}
                #bottom-2 {
			width: 220px;
                        float:left;
			padding: 10px;
		}
                #bottom-3 {
			width: 220px;
                        float:left;
			padding: 10px;
		}


			#bottom  h2 {
				color: #4DB200;
                                background:#BD2031;
				font-size: 1em;
				padding-bottom: 5px;
				border-bottom: 1px solid #DDDDDD;
			}
			#bottom  ul {
				list-style-type: none;
				padding-bottom: 10px;
                                margin-left:-40px;
			}
				#bottom  ul li {
					font-size: 0.8em;
					border-bottom: 1px dotted #ABABAB;
					line-height: 1.4em;
					padding: 6px 0 6px 12px;
					background: url(http://3.bp.blogspot.com/_t47uhxwKFVM/SnvSOwY2UKI/AAAAAAAABsM/CTZ8EE4QsZg/s1600/bullet.gif) no-repeat 0 11px;
                                        
				}
				#bottom  ul li a {
					color: #727272;
				}
				#bottom  ul li a:hover {
					text-decoration: none;
					color: #588CB8;
				}

#credits {
	font-size: 0.8em;
	border: 1px solid #DBDBDB;
	padding: 12px;
	color: #727272;
	background-color: #C5EFFD;
       
}

	.single{
	width: 715px;
	margin: 12px;
        padding-left:5px;
	background:#C5EFFD;
	color:#222;
	font-family:Arial,Century gothic,verdana, sans-serif;
	overflow:hidden}

.single h3 {
  font-size: 1em;
			background-color: #F1F1F1;
                        margin-top:2px;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
}
.single img{
  padding:4px;
  border:1px solid $bordercolor;}

/* The Navigation */


.navigation {
	padding:8px 10px;
	margin:0px 0 0 0;
	background:#ffffff;
	float:left;
	width:700px;
	}
.navigation a {
	color:#588cb8;
	}
.navigation a:hover {
	text-decoration:underline;

	}


]]></b:skin>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 330;
</script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}

function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
		summ = summary_img;
	}
	
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}


//]]>
</script>

  </head>

  <body>
  <div id='outer-wrapper'>


    <div id='header-wrapper'>
<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Svijet zanimljivosti ! (zaglavlje)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='header-right'>
<b:section class='crosscol' id='col1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Bloggroll' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

</div>


<div id='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
	<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
	<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
	<li><a href='#' title='Edit this link'>Edit</a></li>
</ul>
</div>

<div id='submenu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>Hacks</a></li>
<li><a href='#'> Tutorials</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>


<form action='/search' id='header-form' method='get' style='display:inline;'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "search this blog..";}' onfocus='if (this.value == "search this blog..") {this.value = "";}' type='text' value='search this blog..'/>
</form>




 
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Postovi bloga' type='Blog'>
<b:includable id='nextprev'>

  <div class='navigation' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    

  </div>

  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != "item"'>
  <div class='post' id='post'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

    <div class='post-header-line-1'/>

<div class='post-footer'>
     
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          on
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>|
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span></div>

    <div class='post-body entry-content'>
      <b:if cond='data:blog.pageType != "item"'>
      <div expr:id='"summary-" + data:post.id'><data:post.body/></div>
      <script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
      <div align='right'><a class='readmore' expr:href='data:post.url'><img src='http://2.bp.blogspot.com/_t47uhxwKFVM/SnvSQRw7t4I/AAAAAAAABtM/6hfRxGK4MMY/s1600/readmore.gif'/></a></div>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
    
    </div>
  
    
    
  </div>
</b:if>

<b:if cond='data:blog.pageType == "item"'>

<div class='single' id='post'>
  <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>
		

<div class='post-footer'>


     
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          on
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>|
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

<!-- email post links -->
    <span class='post-icons'>
    <b:if cond='data:post.emailPostUrl'> |
	<span class='item-action'>
	  <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
	    <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
	  </a>
	</span>
    </b:if>

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>
    </span>


</div>
	
	<div class='post-body'>
      <p><data:post.body/></p>
      <div style='clear:both;'/>
    </div>
	
	

      
	
	

  	
	
	
</div><!-- single n post -->


</b:if>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>


</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <data:adCode/>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

  <b:if cond='data:isReSearchEnabled'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <data:reSearchJs/>
    <script type='text/javascript'>
      google.load('search', '1');
      function reSearchInit() {
        var blogSearcher = new google.search.BlogSearch();
        var blogHomepageUrl = '<data:blogHomepageUrl/>';
        var adCodeUri = '<data:reSearchAdCodeUri/>';
        var referrer = document.referrer;

        var reSearch = new BLOG_ReSearch(blogSearcher,
                                         blogHomepageUrl,
                                         adCodeUri,
                                         referrer);
        reSearch.run();
      };
      google.setOnLoadCallback(reSearchInit);
    </script>
  </b:if>


</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != "item"'>
        <b:if cond='data:blog.pageType != "static_page"'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>



          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
  


          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
        <div id='magazine'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:section class='sidebar' id='magazine-top' showaddelement='yes'/>
      <b:section class='sidebar' id='magazine-left' showaddelement='yes'/>
      <b:section class='sidebar' id='magazine-right' showaddelement='yes'/>
      <div style='clear: both;'/>
      <b:section class='sidebar' id='magazine-middle' showaddelement='yes'/>
      <b:section class='sidebar' id='magazine-left2' showaddelement='yes'/>
      <b:section class='sidebar' id='magazine-right2' showaddelement='yes'/>
      <div style='clear: both;'/>
      <b:section class='sidebar' id='magazine-bottom' showaddelement='yes'/>
      </b:if>
</div>

        



<div id='bottom'>
<b:section class='crosscol' id='bottom-1' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Bloggrol' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
      <b:section class='crosscol' id='bottom-2' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        <span dir='ltr'/>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      <b:section class='crosscol' id='bottom-3' showaddelement='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-    link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
</div>

      </div>


      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        <span dir='ltr'/>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>



    </div> <!-- end content-wrapper -->

<div id='credits'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. Design by <a href='http://www.wpthemedesigner.com'>Wpthemedesigner</a>. 

Converted To <a href='http://anshuldudeja.blogspot.com/2009/07/latest-blogger-template.html'> Blogger Template </a> By <a href='http://anshuldudeja.blogspot.com' target='blank'> Anshul </a> Tested by <a href='http://www.bloggerstyles.com/'>Blogger Templates</a>. 
</div>

</div> <!-- end outer-wrapper -->

</body>
</html>

pavlek · 6 Sij 2011

pa zar nitko ne zna uredit templejt?
boje samo, ovo ostalo sve neka stoji, poredak mislim,..

koji pattern, malo da izgleda vizualno bolje!

pa jebemu ako su pare problem, platit cu ali na odgodu jer neam sad. :S
ne volim kretat pisat sadrzaj, dok mi temelj nije uredu.
od templejta sam krenio i zelim da bude fin i spreman da krenem s bloganjem :/
necu ostavljat na pola dovršeno, volim da sve bude "picikato" xD

pomagajte

J*man · 6 Sij 2011

Evo par linkova sa color paletama (već složeno koja boja ide dobro sa drugim bojama) za web stranice pa malo pretraži i vidi šta ti se sviđa:

Kod:

http://www.colourlovers.com/web/palettes

http://www.colorotate.org/
http://kuler.adobe.com/#themes/rating?time=30

A zatim firefox + firebug i udri mijenjati boje

pavlek · 6 Sij 2011

J*man kaže:
Evo par linkova sa color paletama (već složeno koja boja ide dobro sa drugim bojama) za web stranice pa malo pretraži i vidi šta ti se sviđa:

Kod:

http://www.colourlovers.com/web/palettes http://www.colorotate.org/ http://kuler.adobe.com/#themes/rating?time=30

A zatim firefox + firebug i udri mijenjati boje

hvala na linkovima, ali vec sam pregledao 20tak takvih stranica

nisam najbolji s tim i neam ideje, glupo mi je samo boje, ako vec i ne moze da bude neki pattern ili modernije barem da se boje fino slazu, da budu ugodne

J*man · 6 Sij 2011

Pa valjda imaš neku viziju kako želiš da ti blog izgleda... malo pogledaj druge blogove/stranice, malo ih iskopiraj, uzmi komad papira i skiciraj/napiši što želiš i kako želiš dok ne dođeš do nekog zadovoljavajućeg izgleda. Nećeš ni postati bolji u bilo čemu ako se malo ne mrdneš i ne pokušaš - koliko sam ja puta sjebo i templejt i cjelu stranicu dok nisam napravio ono što sam želio.
Nisam stručnjak ni u php ni u css ili bilo čemu drugome vezano za blogove i stranice ali metoda pokušaja i promašaja me dosad dobro služila, a i naučiš usput.

pavlek · 6 Sij 2011

imam ali nemam xD

znam odprilike, ne mogu skicirat jer bas nisam toliko napredan da napravim u HTML-u kako si zamislim.

2 dana vrtim dizajnove i boje, i jednostavno ne mogu naci ono pravo.
ovaj mi je dobar zato sto su fino poredani postovi i pregledniji na naslovnici.
ima desni sidebar sto je dobro, ali nije nešto moderan, a boje koje sam stavio da ne pricam uopce.
probat cu ono sa 3d bojama sto si mi dao link.

ne zelim ucit dizajn nit me zanima, bezveze 2 dana gubim, mogao sam uredit sve clanke, napravit backlinkove i ostalo, a ja sam i dalje na 0...

ZBOG DIZAJNA!

M00nlander · 6 Sij 2011

Uf - tema nimalo nije ugodna oku, skini artisteer demo verziju i napravi si neki template - samo klikći po tipkama "suggest" i već ćeš naći nešto što ti paše i onda samo ideš upload to blogger i to je to

pavlek · 6 Sij 2011

BIG HVALA !
ovo mi je trebalo

ovako nesto sam trazio, da sve vizualno sredim!
svaka cast, hvala ti jos jednom!

pavlek · 6 Sij 2011

ja jednostavno nemam više ni volje ni živaca s ovim dizajnom.
taj artisteer mi je ispisao CIJELU STRANICU sa svojim trial watermarkom -.-
-----------.------------

3 dana sam izgubio za nista, skola jos malo pocinje, ništa od tog dosadnog bloga, kad me dizajn jebe, pa to nema nigdje.

platit cu nekom da mi ga napravi ili preuredi trenutni (kod je par postova iznad)
...
ma ne mogu vise cijeli dan ja mijenjam boje, i trazim okolo neke programcice, vec sam mogao napravit 123514 clanaka i dovest 25151 posjete na njega..
ali NE!
mene mora dizajn jebat u mozak !
FASCINIRAN SAM !!

pavlek · 6 Sij 2011

OPEEEEEEET
ne odustajeeeeeeeeeeeeem !

ALI OPET PROBLEEEM !

<li class='cat-item '><a href='http://www-zanimljivosti.blogspot.com/label/Zanimljivosti' title='Zanimljivosti'>Zanimljivosti</a></li>
<li class='cat-item '><a href='' title=''>Ostalo</a></li>
<li class='cat-item '><a href='' title=''>Humor</a></li>

e sad problem je u tim faking labelima, prije sam to naredio uz pomoc liske, ali sada nema liske pa nema pomoci xD

uglavnom imam tabove (Zanimljivosti, ostalo, humor, tehnologija itd)
i kad napisem post na bloggeru on mi prikaze sve te postove na svim tabovima.
e i onda sam stavio u oznake, stavim npr : Zanimljivosti, i taj post mi prikaze samo u zanimljivostima.

A sad nece, naravno da moram stavit link tog labela, ne znam odakle mi ga je liska dao ali ja sam rucno dodao : blogspot.com/label/Zanimljivosti - ali naravno, NEMA GA !
stranica nije pronađena!

pomagajte, zelim ovo srediti veceras, mozak mi blokira vec 3 dana oko dizajna se motam.. bezuspjesno naravno !

moze se to sto posto jer na starom dizajnu sam vec imao to

wulmbos · 6 Sij 2011

Zaboravio si search
http://www-zanimljivosti.blogspot.com/search/label/Zanimljivosti

liska · 6 Sij 2011

pavlek kaže:
OPEEEEEEET
ne odustajeeeeeeeeeeeeem !

ALI OPET PROBLEEEM !

<li class='cat-item '><a href='http://www-zanimljivosti.blogspot.com/label/Zanimljivosti' title='Zanimljivosti'>Zanimljivosti</a></li>
<li class='cat-item '><a href='' title=''>Ostalo</a></li>
<li class='cat-item '><a href='' title=''>Humor</a></li>

e sad problem je u tim faking labelima, prije sam to naredio uz pomoc liske, ali sada nema liske pa nema pomoci xD

uglavnom imam tabove (Zanimljivosti, ostalo, humor, tehnologija itd)
i kad napisem post na bloggeru on mi prikaze sve te postove na svim tabovima.
e i onda sam stavio u oznake, stavim npr : Zanimljivosti, i taj post mi prikaze samo u zanimljivostima.

A sad nece, naravno da moram stavit link tog labela, ne znam odakle mi ga je liska dao ali ja sam rucno dodao : blogspot.com/label/Zanimljivosti - ali naravno, NEMA GA !
stranica nije pronađena!

pomagajte, zelim ovo srediti veceras, mozak mi blokira vec 3 dana oko dizajna se motam.. bezuspjesno naravno !

moze se to sto posto jer na starom dizajnu sam vec imao to

Sad ce to cika liska da sredi, eto me na msn!!!

pavlek · 7 Sij 2011

liska kaže:
pavlek kaže:

OPEEEEEEET
ne odustajeeeeeeeeeeeeem !

ALI OPET PROBLEEEM !

<li class='cat-item '><a href='http://www-zanimljivosti.blogspot.com/label/Zanimljivosti' title='Zanimljivosti'>Zanimljivosti</a></li>
<li class='cat-item '><a href='' title=''>Ostalo</a></li>
<li class='cat-item '><a href='' title=''>Humor</a></li>

e sad problem je u tim faking labelima, prije sam to naredio uz pomoc liske, ali sada nema liske pa nema pomoci xD

uglavnom imam tabove (Zanimljivosti, ostalo, humor, tehnologija itd)
i kad napisem post na bloggeru on mi prikaze sve te postove na svim tabovima.
e i onda sam stavio u oznake, stavim npr : Zanimljivosti, i taj post mi prikaze samo u zanimljivostima.

A sad nece, naravno da moram stavit link tog labela, ne znam odakle mi ga je liska dao ali ja sam rucno dodao : blogspot.com/label/Zanimljivosti - ali naravno, NEMA GA !
stranica nije pronađena!

pomagajte, zelim ovo srediti veceras, mozak mi blokira vec 3 dana oko dizajna se motam.. bezuspjesno naravno !

moze se to sto posto jer na starom dizajnu sam vec imao to

Više...

Sad ce to cika liska da sredi, eto me na msn!!!

liska kralj opet riješio

hvala po 25124 put

btw. ono za boje i malo preuređivanje dizajna još stoji, pa ako netko zeli nek se javi

M00nlander · 7 Sij 2011

Evo ako hoćeš Pavlek napravim ti dizajn za blog

Web dizajn Boje na blogu

pavlek

Moćan

pavlek

Moćan

J*man

Član

pavlek

Moćan

J*man

Član

pavlek

Moćan

M00nlander

Moćan

pavlek

Moćan

pavlek

Moćan

pavlek

Moćan

wulmbos

Član

liska

Dobro znana faca

pavlek

Moćan

M00nlander

Moćan

Poštujemo vašu privatnost