korsan blogcu şablon
:: Web Master :: Blogcu
1 sayfadaki 1 sayfası
korsan blogcu şablon
- Kod:
<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<title><%WindowTitle%></title>
<style type="text/css">
/* barnacle9 */
/* global - elements */
/* generic links - text links within content,etc */
a{
text-decoration:none;
}
/* keeps border off of image link*/
a img{
border:0;
}
a:link{
color:#193b9e;
}
a:visited{
color:#102561;
}
a:hover,a:active{
color:#4169e1;
text-decoration:underline;
}
/* blockquote element is used for long quotes,citations,included content from other sources,or special stories,etc.*/
blockquote{
border:0;
padding:.5em;
background:#e6e6fa;
color:#0000ff;
font-family:cursive;
}
/* just a style for definition lists */
dd{
font:.95em oblique Arial,Helvetica,sans-serif;
}
dl{
margin-left:0;
}
dt{
font-weight:bold;
}
/* headers */
h1{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
}
h2{
color:#0c0c0c;
font-variant:small-caps;
font-family:Georgia,Times,serif;
letter-spacing:.15em;
}
h3{
color:#193b9e;
font-variant:small-caps;
font-family:Georgia,Times,serif;
letter-spacing:normal;
text-align:left;
}
/*this just defines the web page itself - interpreted with inconsistency by various user agents - useful for adding background,margin definitions to,and a few browser hacks which we will avoid*/
html,body{
margin:0;
padding:0;
background:url(http://img152.imageshack.us/img152/9442/pgbkhdr0nh.png) #ffffff repeat-x;
color:#3e3e3e;
}
/*this is for the open folder image on directories with submenus in the .dirlist*/
li.open{
list-style-image: url(http://img253.imageshack.us/img253/546/openfolder5ls.png);
}
/* just some styling for preformatted text,or code */
pre{
border:thin groove #000080;
padding:.5em;
background:#b0c4de;
color:#0000ff;
font-weight:bold;
}
/* the dirlist class is designed to support basic two-level tree-type menus - perfect for sitemaps,main menus with links to individual pages as well as index pages for directories/major topics - the folder image (fc.png) is applied to major sections,best layed out as directories of related topic pages,with a toplevel index page for each major section - the use of the folder image should be logical here*/
.dirlist{
font-size:.98em;
}
.dirlist li{
padding-left:2px;
list-style-image:url(http://img152.imageshack.us/img152/9311/folder5nd.png);
list-style-type:square;
vertical-align:middle;
}
.dirlist .open{
padding-left:2px;
list-style-image:url(http://img253.imageshack.us/img253/546/openfolder5ls.png);
list-style-type:square;
vertical-align:top;
}
/*this sub (pseudo?) class resembles or imitates submenu items used by Andreas in some of his designs - I learned from his examples - the item image is applied to submenu links,most likely to individual topic pages*/
.dirlist li ul li{
list-style-image:url(http://img152.imageshack.us/img152/479/page9vp.jpg);
vertical-align:super;
}
.dirlist ul{
line-height:180%;
}
/*this class creates a colored box with contrasting text - useful for content of particular importance or special topics - whatever you wish to have highlighted*/
.hilite{
border:thin solid #000080;
padding:.5em;
color:#0000ff;
background:#b0c4de;
}
/* see .right below */
.left{
float:left;
margin:3px 6px 4px -8px;
padding:2px;
}
.morelink{
clear:both;
float:right;
margin-right:10px;
margin-top:0;
}
/*class to style date headers in news box*/
.newsdate{
clear:both;
padding:.25em;
width:100%;
color:#000080;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
}
/*generic class for right-aligned elements - perhaps redundant and unnecessary - it was used in earlier xhtml versions of this template- you may wish to remove this*/
.right{
float:right;
margin:3px -8px 4px 6px;
padding:2px;
}
/* sidebar codes - the sidebar class is applied to major sections of the side menu -one for the directorylist,one for news,one for linklists,a shoutbox,a search box or other forms,etc */
.sidebar{
border:1px solid #aac0dd;
margin-bottom:1.5em;
margin-top:.75em;
padding-bottom:10px;
background:#e6eff6;
font-size:.9em;
text-align:left;
}
/* the sidelinks class styles the links section in the sidebar */
.sidelinks{
background-color: #ffffff;
border-left:1px inset #ffffff;
margin-left:1.25em;
padding-left:6px;
font-size:.9em;
line-height:150%;
}
/* the splitleft class is applied to left-aligned columns within the main content area - used in conjunction with the splitright class to split the main content column into two equal columns*/
.splitleft{
float:left;
margin-top:1.5em;
width:46%;
}
/* please refer to comment on the splitleft class*/
.splitright{
float:right;
margin-top:1.5em;
width:46%;
}
/*this class is for subtopics which should be indented from main topics*/
.subcat{
margin-left:10px;
}
/* id's */
/* the #container div acts as a sylistic 'box' which extends beyond the fixed-width content areas. It is semantically worthless in this situation.*/
#container{
border:0;
margin:0;
padding:0;
background:url(http://img405.imageshack.us/img405/7776/bakz2vo.png) repeat-y center top;
height:100%;
}
/* main content div - this is the big box which holds the main text or content of your webpage. It contains additional divs for subcategories and further splitting into columns . It generally contains paragraphs of text with hierarchical titles or subject headers,images,lists,quotations,articles,code examples,and perhaps some dynamically included content via xml/rss/database,web services,etc. */
#content{
border:0;
float:left;
margin:.5em 5px 1em 12px;
padding:.5em 8px 4px;
width:540px;
}
/* generic paragraph in main content section */
#content p{
margin:0 0 10px 10px;
}
/* main content div - tentative style for 3 column design- center column */
#contentcenter{
border:0;
margin:0 180px 1em 180px;
padding:0 8px 4px 8px;
width:380px;
}
/* main content div - tentative style for alternate 2 column design- right-aligned main content column*/
#contentright{
border:0;
float:right;
margin:0 12px 1em 5px;
padding:0 0 4px 8px;
width:540px;
}
/* footer div - */
#footer{
border-top:2px ridge #000080;
clear:both;
margin:0;
padding:0;
background:url(http://img261.imageshack.us/img261/227/bannership3au.png) repeat-x center;
color:#000000;
height:40px;
}
/* left-aligned span in footer -similar to */
#footer .lt{
float:left;
margin-left:10px;
margin-top:0;
background:transparent;
}
/* right-aligned span in footer */
#footer .rt{
float:right;
margin-right:10px;
margin-top:0;
background:transparent;
}
/* a paragraph within the footer div - marginally useful,with potential to extend footer below its background image - don't put much text here unless you know why you want to and how to deal with it*/
#footer p{
margin:0;
padding:.5em;
}
/* This styles the header tagline,or slogan */
#hdr_tagline{
color:#0000ff;
font: small-caps bold 1.5em cursive;
text-align:center;
}
/* header div - transparent background color to show background image from #container div,but optional small logo image set as background image for header div */
#header{
border:1px solid #e0e0e0;
padding:.25em 1.5em;
background:transparent url(http://img253.imageshack.us/img253/6403/globalz4zl.png) no-repeat center;
height:140px;
}
/*header h1 is the main title header for the page or perhaps for a group of related pages- it is aligned to the left - may want to change color/alignment depending in length of h1 text and logo background*/
#header h1{
margin-bottom:.25em;
margin-left:.25em;
margin-top:15px;
color:#000000;
text-align:left;
}
/* This styles the secondary,or page title which is aligned to the right in the header*/
#header h2{
border:0;
margin-right:.75em;
margin-top:0;
color:#000080;
text-align:right;
}
/*this is like a mirror of #rside,with a left menu and wider right-hand content area*/
#lside{
float:left;
margin-bottom:1em;
margin-left:12px;
margin-right:5px;
padding-left:6px;
padding-top:.5em;
width:160px;
}
/* this navbar is at top of page,but below the header -good for same-page navigation between subtopics,or to 'jump' down the page to various sections - note that both this and menu above the header are contained as paragraphs rather than separate divs such as the footer - I can't really say one way is better or worse,but there seems little reason to make entirely separate divs for similar elements in the header region above the main content area . . .*/
#navbar{
border-bottom:1px ridge #000080;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-top:1px groove #000080;
clear:both;
margin:0;
padding-top:.25em;
background:url(http://img152.imageshack.us/img152/2195/botbk2my.png) repeat-x center;
text-align:center;
height:34px;
}
#navbar a:hover,#footer a:hover{
background:url(http://img175.imageshack.us/img175/3746/topbk7oo.jpg) repeat-x bottom;
}
/* this is the definition for the #page div,which serves as a container for all divs which have actual content- essentially positions us centered with a page width known to display well at 800x600 resolution. It is not perhaps the ideal semantic design,particularly since we have an additional #container div which serves simply as a box which can define style elements beyond the #page div's 768 pixel width - this is done for the benefit of those who are viewing with larger resolutions -it is for stylistic purposes,and is not generally intended to contain content(although it would be possible to do so if desired*/
#page{
border:1px solid #000080;
border-top:0;
margin:0 auto;
padding:0;
width:768px;
background:url(http://img175.imageshack.us/img175/8553/pgbkhdr5zl.png) #ffffff repeat-x;
font:76% Arial,Helvetica,sans-serif;
line-height:1.9em;
text-align:justify;
height:100%;
}
/* #rside is used in the default xhtml layout and defined stylistically here as the right side column which serves as menu,news,links,rss feeds,whatever in the two-column right menu layout. For a left-aligned menu 2 col layout,the div id could easily be switched from #rside to #lside. Perhaps we will also allow for both side menus plus a now narrower center aisle for content*/
#rside{
float:right;
margin-bottom:1em;
margin-left:5px;
margin-right:12px;
padding-right:6px;
padding-top:.5em;
width:160px;
}
/* these are the menu and news topic headers,etc. in the sidebars*/
#rside h2,#lside h2{
border-bottom:1px inset #000080;
border-top:1px outset #000080;
padding:2px;
color:#0d0e3b;
background: #cfdbeb;
font-size:1.15em;
text-align:center;
margin-top: 0;
}
#rside h3,#lside h3{
border:0;
color:#0d0e3b;
font-size:1.05em;
text-align:center;
}
/* paragraphs within the side columns - probably not the best way of doing this */
#rside p,#lside p{
border:0;
margin:8px;
padding:.5em;
}
/* the menu at the very top of page -above the header - this is ideal for search,admin-related links,site maps or special pages,etc - user/site specific area,but use it for whatever you wish -intended for only a few short links */
#topnav{
border-bottom:1px outset #000080;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-top:1px ridge #000080;
margin:0;
padding-left:10px;
background:url(http://img175.imageshack.us/img175/3746/topbk7oo.jpg) repeat-x center;
color:#c0c0c0;
height:32px;
}
/* for left-aligned spans within #topnav paragraph*/
#topnav .lt{
float:left;
margin-bottom:0;
margin-left:10px;
margin-top:6px;
background:transparent;
}
/* for right-aligned spans in the uppermost menu bar*/
#topnav .rt{
float:right;
margin-bottom:0;
margin-right:10px;
margin-top:6px;
background:transparent;
}
/*style links in the blue bar sections- #topnav,#navbar,#footer - default of blue doesn't work well over blue background - could also define css rollover image/background color swapping*/
#topnav a,#navbar a,#footer a{
padding:3px .25em;
color:#ffffff;
}
#topnav a:hover{
background:url(http://img152.imageshack.us/img152/2195/botbk2my.png)no-repeat top;
}
Geri: korsan blogcu şablon
- Kod:
</style>
</head>
<body>
<!-- first we have a container div to hold everything together-->
<div id="container">
<!-- next begin the div which contains all of our web page content and menu sections -->
<div id="page">
<!-- topnav section which follows is for special site links as well as for accessibility navigation purposes this is at the very top of the web page-->
<p id="topnav"> <span class="lt"></span><span class="rt"><a href="<%MainPageURL%>">Anasayfa</a> | <a href="<%SiteFeedURL%>" target="_blank" title="Yazilarimizdan aninda haberdar olun">Rss</a> | <a class='top' href='mailto: <%Email%>'>E-Mail</a> </span></p>
<!-- begin header div, for banner and page/site title -->
<div id="header">
<!--This is generally the only h1 on the page - it tends to be the name of the site, organization, or topic involved- perhaps semantically should be unique to the page - note that it is frequently abused, as I have done-->
<h2></h2>
<!-- this span contains text which describes the title or a slogan, etc AKA tagline -->
<span id="hdr_tagline"><strong></strong></span>
<!-- end header div -->
</div>
<!-- navbar below is for the navigation menu below the header section -->
<p id="navbar"><a href="<%MainPageURL%>">Anasayfa</a> | <a href='<%ProfileURL%>'>Profilim</a> | <a href="<%SiteFeedURL%>" target="_blank" title="Yazilarimizdan aninda haberdar olun">Rss</a> | <a class='top' href='mailto: <%Email%>'>E-Mail</a> </p>
<!-- begin main content area -->
<div id="contentright">
<IfPages>
<p class="content-nav">
<IfPages>
<p class="content-nav">
<- <LaterLink>Son Sayfa</LaterLink> :: <EarlierLink>
Sonraki Sayfa</EarlierLink> ->
</p>
</IfPages>
<IfMainPage>
<Entry>
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>
<p class="entry-footer"><IfCategoriesAllowed>Kategori: <%EntryCategory%> | </IfCategoriesAllowed> <IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) </IfCommentsAllowed> <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed> <a href='<%EntryURL%>'>Kalıcı Bağlantı</a></p>
</div>
</Entry>
</IfMainPage>
<!-- ARSIV SAYFASI -->
<IfArchivePage>
<div class=post>
<h3>Arşiv</h3>
<%ArchiveInfo%>
</div>
</IfArchivePage>
<IfEntryPage>
<Entry>
<div class="post">
<h2 class="date-header"><%EntryDate%></h2>
<div class="entry">
<h3 class="entry-header"><a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a></h3>
<div class="entrybody">
<p><%EntryBody%></p>
</div>
<p class="entry-footer"><IfCategoriesAllowed>Kategori: <%EntryCategory%> | </IfCategoriesAllowed> <IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) </IfCommentsAllowed> <IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed></p>
</div>
<br>
<div id="comments-post">
<IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a> :: </IfCommentPostAllowed></IfCommentsAllowed>
<SendThisLink>Arkadaşına Gönder!</SendThisLink> <br><br>
<IfCommentsAllowed>
<h3 id=comments> <%EntryCommentCount%> yorum yazılmıştır</h3><h3 class="comments-header"></h3>
<ol class="commentlist">
<Comment>
<li class=alt>
<b>Yazan</b>: <%CommentAuthor%> <%CommentAuthorIP%> | <b>Tarih</b>: <%CommentDate%> <br> <b>Konu</b>: <%CommentTitle%> <br>
<small> <%CommentBody%></small>
<p class=info><a href='<%CommentURL%>'>Bağlantı »</a> <CommentEdit>Düzenle » </CommentEdit> <CommentDelete>Sil</CommentDelete></p>
</li>
</Comment>
</IfCommentsAllowed>
</ol>
</div>
</div>
</Entry>
</IfEntryPage> </div>
<!-- begin sidebar div -->
<div id="lside">
<!-- begin sidebar navigation link list -->
<div class="sidebar">
<h2>Menü</h2>
<ul class="dirlist">
<!-- these links are best referenced to the index page of a directory, or a page which 'anchors' one or more major sections of your site -->
<li><a href="<%MainPageURL%>">Anasayfa</a></li>
<li><a href="<%ArchiveURL%>" title="daha önce ne yazmis bir bakalim">Arsiv</a></li>
<li><a href='<%ProfileURL%>'>Profilim</a></li>
<li><a href="<%SiteFeedURL%>" target="_blank" title="Yazilarimizdan aninda haberdar olun">Rss</a></li>
<li><a class='top' href='mailto: <%Email%>'>E-Mail</a></li>
</ul>
</div>
<!-- end sidebar navigation linklist -->
<div class="sidebar">
<h2>Kategorilerim</h2>
<ul class="dirlist">
<li><%Kategorilerim%></li>
</div>
<div class="sidebar">
<h2>Arama</h2>
<center><!--- Arama Motoru Başlangıcı --->
<form action="http://www.gezginler.net/arama/search.php" method="post" target="_blank">
<input type="text" name="kelime" size="15" onblur="if (this.value == '') this.value = 'Arama yapın!'" onfocus="if (this.value == 'Arama yapın!') this.value=''" style="background-color: #ffffff;font-size: 11px;color: #000000; font-family: Verdana; text-align: center;" value="Arama yapın!">
<select name="motor" style="background-color: #ffffff;font-size: 11px;color: #000000; font-family: Verdana; text-align: center">
<option selected value="Google">Google</option>
<option value="Gezginler">Gezginler</option>
<option value="Netbul">Netbul</option>
<option value="Arama">Arama</option>
<option value="Yahoo">Yahoo!</option>
<option value="Msn">Msn</option>
<option value="Alexa">Alexa</option>
<option value="Meta">Çoklu</option>
<option value="Kuran">Kuran</option>
<option value="Ftp">Ftp</option>
<option value="Eksisozluk">Ek$isözlük</option>
<option value="Turkce">Türkçe</option>
<option value="Webceviri">Site Çeviri</option>
<option value="Ansiklopedi">Ansiklopedi</option>
<option value="Domain">Domain</option>
<option value="Program">Program</option>
<option value="Driver">Sürücü</option>
<option value="Resim">Resim</option>
<option value="Film">Film</option>
<option value="Script">Script</option>
</select>
<input type="Submit" value="Ara!" style="background-color: #ffffff;font-size: 11px;color: #000000">
</form>
<!--- Arama Motoru Bitişi ---></center>
<!--end sidebar div-->
</div>
<!-- validation links -->
<div class="sidebar">
<h2>Son yazılarım</h2>
<ul class="dirlist">
<RecentEntry><li><%RecentEntryTitle%></li></RecentEntry>
<!-- end validation links div -->
</div>
<!-- end #rside div -->
<div class="sidebar">
<h2>Son Yorumlar</h2>
<ul class="dirlist">
<!--- Arama Motoru Başlangıcı --->
<li><%SonYorumlar%></li>
<!--- Arama Motoru Bitişi --->
<!--end sidebar div-->
</div>
<div class="sidebar">
<h2>Linkler</h2>
<ul class="dirlist">
<li><a href="http://www.blogcu.com/societa" target="_blank">Societa</a></li>
</div></div>
<!-- begin footer div -->
<div id="footer">
<p>
<span class="lt"> <a href="<%MainPageURL%>">Anasayfa</a> | <a href="<%SiteFeedURL%>" target="_blank" title="Yazilarimizdan aninda haberdar olun">Rss</a> | <a class='top' href='mailto: <%Email%>'>E-Mail</a> </span>
<span class="rt">© 2007 Societa - design by <a href="http://www.openwebdesign.org/search.php?tab=designer&designer=barnacle9">Barnacle9</a><br />
Courtesy <a href="http://www.openwebdesign.org" target="_blank">Open Web Design</a></a> Thanks
to <a href="http://www.webhostingbluebook.com" target="_blank">web hosting bluebook</a>
</span>
</p>
<!--end footer div -->
</div>
<!--end page div -->
</div>
<!-- finally, end container div -->
</div>
</body>
</html>
</center>
Similar topics
» int sha. blogcu şablon
» community blogcu şablon
» iydllic blogcu şablon
» comtaminated blogcu şablon
» karagozlum blogcu şablon
» community blogcu şablon
» iydllic blogcu şablon
» comtaminated blogcu şablon
» karagozlum blogcu şablon
:: Web Master :: Blogcu
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz