میوانی بهڕێز، بهخێرهاتی بۆ مهكۆكانی وێبچن، وهك میوان دهتوانی ههموو بابهتهكانی مهكۆكان بخوێنیتهوه و پێویست به خۆ تۆمار كردن ناكات، بۆ ئهوهی بتوانی بابهت و پرسیار بنووسیت پێویسته خۆت تۆمار بكهیت كه چهند ههنگاوێكی زۆر ئاسان و كورته بۆ جێبهجێ كردن
هاورییان
روکاریکم وهرگرووه بانهری سهرهوهی نییه روکارهکهشم زۆر پێ جوانه ناتوانم دهستی لێ ههرگرم دهمهیێ بانهری بۆ دروست بکهم نازانم چۆن دهکرێ
ئهمهش style.css
/*
Theme Name: Stitched
Theme URI: http://www.web4sudoku.com/
Description: A three column fixed width theme with both sidebars widget ready.
Version: 1.0
Author: Web4 Sudoku
Author URI: http://www.web4sudoku.com/
*/
*
{
margin: 0px;
padding: 0px;
}
ul
{
list-style: none;
}
body
{
font-size: 13px;
margin: 0px;
text-align: center;
color: #333;
font-family: Georgia, "Times New Roman", Times;
background: #EFD8B3 url(img/back.gif);
}
#wrap
{
width:990px;
margin: 5px auto;
background: none;
padding: 5px 0;
}
/***************************************************
*********************** Blogtitle **************
*****************************************************/
#blogtitle
{
width: 980px;
display: block;
color: #480000;
text-align: left;
margin: 0 auto 10px auto;
padding: 5px 0 0 0;
text-align: left;
}
h1.blogtitle
{
margin: 10px 6px 0 5px;
font-size: 26px;
}
#blogtitle a:link {
color: #480000;
text-decoration: none;
border: none;
}
#blogtitle a:visited {
color: #480000;
text-decoration: none;
border: none;
font-weight: bold;
padding: 2px 15px;
}
#blogtitle a:hover {
color: #7F1717;
text-decoration: none;
padding: 6px 15px;
margin-left: 0;
}
.description
{
color: #62838F;
text-align: left;
font-size: 18px;
margin-left: 8px;
}
/***************************************************
*********************** Container **************
*****************************************************/
#container
{
clear:left;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top: 0;
width: 980px;
border-top:1px solid #333;
background: url(img/container.png) repeat-y;
}
/***************************************************
*********************** Left Sidebar Container *******
*****************************************************/
#leftnav
{
float: left;
width: 180px;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-left: 2px;
margin-bottom: 20px;
text-align: left;
}
/***************************************************
*********************** Right Sidebar Container *******
*****************************************************/
#rightnav
{
float: right;
width: 180px;
margin: 0;
padding-top: 4px;
margin-top: 0;
margin-bottom: 20px;
margin-right: 2px;
text-align: left;
}
/***************************************************
*********************** Content **************
*****************************************************/
#content
{
display: block;
margin: 0 195px 20px 195px;
padding: 1em;
padding-top: 10px;
margin-top:4px;
text-align: left;
}
#content ul
{
padding-left: 15px;
}
#content ul li{
margin-left: 15px;
list-style-type: square;
}
#content ul ul li{
padding-left: 3px;;
}
#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}
#content p
{
padding-left: 10px;
}
/***************************************************
*********************** Footer **************
*****************************************************/
#footwrap
{
clear:both;
background: none;
color: #FFFFE8;
padding: 5px 1em 10px 1em;
font-weight: normal;
background: #480000 url(img/footer.png) bottom no-repeat;
border-top: 1px solid #333;
}
#footwrap p
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
}
#footwrap a:link {
color: #E5CFAB;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap a:hover {
color: #E5CFAB;
text-decoration: underline;
border: none;
}
#footwrap a:visited:hover {
color: #E5CFAB;
text-decoration: underline;
border: none;
}
#footwrap a:visited {
color: #E5CFAB;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap img {
padding: 0px 5px 0px 5px;
}
/***************************************************
*********************** Left Sidebar **************
*****************************************************/
#sidebarleft
{
color: #480000;
margin-bottom: 10px;
background: none;
padding: 0 8px 0 8px;
}
#sidebarleft ul
{
list-type:none;
}
#sidebarleft li
{
background: #E5CFAB;
padding-bottom: 8px;
}
#sidebarleft ul li
{
padding-left: 0;
margin-left: 20px;
margin-right: 4px;
padding-bottom: 2px;
list-style-type:square;
}
#sidebarleft ul li li
{
padding-left: 0;
margin-left: 8px;
margin-right: 3px;
padding: 2px 0;
list-style-type:circle;
}
#sidebarleft a:link {
color: #480000;
text-decoration: none;
border: none;
font-weight: bold;
}
#sidebarleft a:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#sidebarleft a:visited:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#sidebarleft a:visited {
color: #480000;
text-decoration: none;
border: none;
font-weight: bold;
}
#sidebarleft h2 {
font-family: Arial, sans-serif;
color: #E8CFA9;
padding: 2px 8px 2px 8px;
margin-top:8px;
background:#480000 url(img/h2l.png) top right no-repeat;
border-bottom:1px solid #E8CFA9;
}
#sidebarleft p
{
padding: 3px;
}
/***************************************************
*********************** Right Sidebar **************
*****************************************************/
#sidebarright
{
color: #480000;
margin-bottom: 10px;
background: none;
padding: 0 8px 0 8px;
}
#sidebarright ul
{
list-type:none;
}
#sidebarright li
{
background: #E5CFAB;
padding-bottom: 8px;
}
#sidebarright ul li
{
padding-left: 0;
margin-left: 20px;
margin-right: 4px;
padding-bottom: 2px;
list-style-type:square;
}
#sidebarright ul li li
{
padding-left: 0;
margin-left: 8px;
margin-right: 3px;
padding: 2px 0;
list-style-type:circle;
}
#sidebarright a:link {
color: #480000;
text-decoration: none;
font-weight: bold;
border: none;
}
#sidebarright a:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#sidebarright a:visited:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#sidebarright a:visited {
color: #480000;
font-weight: bold;
text-decoration: none;
border: none;
}
#sidebarright h2 {
font-family: Arial, sans-serif;
color: #E8CFA9;
padding: 2px 8px 2px 8px;
background:#480000 url(img/h2r.png) top right no-repeat;
margin-top:8px;
border-bottom: 1px solid #E8CFA9;
}
#sidebarleft p
{
padding: 3px;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/***************************************************
*********************** Paragraph **************
*****************************************************/
p
{
margin-bottom: 12px;
margin-top: 12px;
}
/***************************************************
*********************** Blockquote ********************
*****************************************************/
blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
font-style: italic;
color: #999;
border-left: 4px solid #480000;
}
/***************************************************
*********************** Post Metadata ****************
*****************************************************/
.postmetadata
{
display:block;
margin: 10px auto 10px auto;
padding: 5px 8px 8px 0;
text-align: left;
color:#333;
width:98%;
background: #E5CFAB;
}
#content .postmetadata
{
padding-left: 10px;
}
.postmetadata a:link
{
border: none;
color: #480000;
font-weight: normal;
}
.postmetadata a:hover
{
border: none;
color: #7F1717;
font-weight: normal;
text-decoration: none;
}
.postmetadata a:visited:hover
{
border: none;
color: #7F1717;
font-weight: normal;
}
.postmetadata a:visited
{
border: none;
color: #480000;
font-weight: normal;
}
/***************************************************
*********************** Links ********************
*****************************************************/
a:link
{
color: #7F1717;
text-decoration: none;
font-weight: bold;
}
a:hover
{
text-decoration: underline;
}
a:visited
{
color: #7F1717;
text-decoration: none;
font-weight: normal;
}
a:visited:hover
{
text-decoration: underline;
}
a img
{
border:none;
background:none;
padding:5px;
}
#feed, #feed img a:link, #feed img a:visited
{
border: none;
}
/***************************************************
*********************** Comments ********************
*****************************************************/
.commentlist
{
padding-left: 40px;
padding-right: 15px;
color: #333;
}
.commentlist li
{
margin: 8px 10px 8px 15px;
padding-left: 12px;
list-style: none;
margin-bottom: 2px;
background: #E5CFAB;
}
.commentlist li ul li
{
border: none;
}
/*li.alt
{
border-bottom: 2px solid #D8A860;
}*/
.commentlist cite
{
padding: 2px 3px 1px 3px;
}
.commentlist p
{
padding: 5px 5px 2px 3px;
margin-bottom: 5px;
}
.commentlist a:link
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #C01800;
}
.commentlist a:visited
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #C01800;
}
.commentlist a:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #480000;
}
.commentlist a:visited:hover
{
border: none;
text-decoration: underline;
font-weight: bold;
color: #480000;
}
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
text-decoration: none;
color: #480000;
}
.commentnumber {
font: italic normal 14px 'Times New Roman', Times, serif;
margin-top: 2px;
float:right;
color: #480000;
font-size: 28pt;
}
#comment
{
width:80%;
}
/***************************************************
*********************** Headings**************
*****************************************************/
h1
{
font-size: 36px;
color: #666666;
}
h2
{
font-family: Arial, sans-serif;
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h3
{
font-family: Arial, sans-serif;
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h3.posttitle
{
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 12px;
margin-bottom: 5px;
}
.posttitle a:link
{
font-size: 22px;
color: #480000;
font-weight: bold;
}
.posttitle a:visited
{
font-size: 22px;
color: #480000;
font-weight: bold;
}
.posttitle a:hover
{
font-size: 22px;
color: #333;
font-weight: bold;
text-decoration: none;
}
.posttitle a:visited:hover
{
text-decoration: none;
}
h4
{
font-family: Arial, sans-serif;
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h5
{
font-family: Arial, sans-serif;
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
/*Miscellaneous*/
.date
{
font-size: 14px;
float: right;
text-transform: uppercase;
letter-spacing: -2px;
padding: 0 5px;
margin-top: 12px;
text-align: center;
color: #480000;
border: 1px groove #D8A860;
background: #E5CFAB url(img/date.png) no-repeat;
}
.entry
{
margin-bottom: 5px;
}
/*Contained Floats Fix*/
.post
{
display: block;
overflow:hidden;
width:98%;
margin-left:auto;
margin-right: auto;
}
/*Code*/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #333;
color: #FFFFE8;
background: #480000;
}
/*#searchform {
margin-left: 5px;
}*/
/* navigation
--------------------------------------------------*/
#navigation
{
margin-left:auto;
margin-right:auto;
width: 980px;
overflow: hidden;
height:34px;
line-height:2.7em;
background:#333 url(img/navigation.png) no-repeat;
margin-bottom: 0;
}
#navigation ul
{
margin:0;
padding:0;
}
#navigation li {
float:left;
margin:0;
padding:0;
list-style-type:none;
white-space:nowrap;
border-color:#6F7076;
}
#navigation li a
{
display:block;
padding:0 18px;
font-size:0.8em;
text-transform:uppercase;
letter-spacing:1px;
}
* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */
#navigation form
{
float:right;
height:100%;
width:164px;
padding:0 15px;
line-height:0;
}
#navigation form fieldset
{
/* centering the search form could've
been done way more elegant but IEWin
and Opera refused to follow the rules */
margin-top:7px;
border:0 solid; /* Opera */
}
* html #navigation form fieldset {margin-top:7px;}
#navigation #s
{
height:1.5em;
width:115px;
margin:0 5px 0 0;
padding:0;
border:1px solid;
font-size:0.8em;
vertical-align:middle;
}
#navigation #searchbutton
{
height:2em;
width:auto;
padding:0 1px;
font-size:9px;
letter-spacing:1px;
text-align:center;
vertical-align:middle;
}
#navigation li
{
border-color:#7F7F7F;
}
#navigation a
{
color:white;
}
#navigation .selected,
#navigation .current_page_item,
#navigation a:hover
{
color: white;
background: url(img/hover.png) top right no-repeat;
}
#navigation a:visited
{
font-weight: bold;
}
#navigation #s
{
border-color:#FFF9EA;
}
#navigation #searchbutton
{
color:white;
background-color:#798288;
}
.button
{
margin-bottom: -4px;
}
/******************Calendar**************/
#wp-calendar
{
empty-cells: show;
margin: 10px auto 0;
width: 160px;
}
#wp-calendar #next a
{
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a
{
padding-left: 10px;
text-align: left;
}
#wp-calendar td
{
padding: 2px 0;
text-align: center;
}
#wp-calendar th
{
/*padding: 3px 0;*/
text-align: center;
}
#wp-calendar caption
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}
img
{
border:none;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}
.wp-smiley
{
padding: 0;
}
.textwidget
{
margin: 2px 5px 2px 5px;
}
/****Rounded corners********/
.roundcont {
background-color: #E5CFAB;
margin-top: 10px;
}
.roundcont p {
margin: 0 10px;
}
.roundtop {
background: url(img/tl.png) no-repeat top right;
}
.roundbottom {
background: url(img/br.png) no-repeat top right;
}
img.corner {
width: 5px;
height: 5px;
border: none;
display: block !important;لێره نیه
ههموو ڕووكارهكه دابنێیت باشتر دهبێت.
لێرهیه
ئیستا ئهنتهرنیت زۆر خاوه به رۆژ خێرار دهبێ ئهوکا باری دهکهم کاک ئاسۆ
لێره نیه
Ok
لێرهیه
کاک ئاسۆ لهو بروایانهبوم ئاوا زوو بار بکرێت
فهرموو
http://www.zshare.net/download/88345681fffe51/
لێره نیه
header.php بكهوه،
ئهم دێڕه بدۆزهوه،
<h1 class="blogtitle"><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>دواتر به بهكاربردنی كۆدی وێنه، وێنهیهك دابنێ،
<h1 class="blogtitle"><a href="<?php echo get_settings('home'); ?>/"><img src="http://www.domain.com/wene.gif" border="0" /></a></h1>جا له كۆدهكهدا بهستهری وێنه چاك بكه و بیگۆڕه بۆ بهستهری بانهرهكهت.
لێرهیه
زۆر سوپاس کاک ئاسۆ
ئهی بمهوێ وێنهکه له ناو بوخچهی img روکارهکه دانیم چاکی بکهم ئهوکات روکارهکه بهرز بکهمهوه بۆ سایتهکهم
ئهمه چۆن دهکرێ
نامهوێ وێنهکه لهشوێنێکێی تر باربکهم دهمهوێ له گهر روکارهکه بێو ههر له سایتهکهی خۆم باری کهم
له راژهکاری ناو خۆش بانهری هابێ
لێره نیه
بۆ نموونه،
بانهرهكهت ناوبنێ banner.gif و له نێو بوخچهی img دایبنێ، دواتر بهستهرهكهی له كۆدهكاندا بهم شێوه بنووسه،
<img src="img/banner.gif" border="0" />
لێرهیه
کاکه ئاوهام دانا بهلام روکارهکه تێکجوو نازانم بۆ
<h1 class="blogtitle"><a href="<?php echo get_settings('home'); ?>/"><img src="img/banner.gif" border="0" />بانهراکهشم بهم ناوه خهزن کرد banner.gif
نوسینی ناو سایتهکهم ههموی تێک جوو
لێره نیه
<h1 class="blogtitle"><a href="<?php echo get_settings('home'); ?>/"><img src="img/banner.gif" border="0" /></a></h1>لێرهیه
ئستا روکار و نوسینهکان چاک بوو بهلام بانهرهکه دهرناکهوه شوێنی بانهراکه زهربێکی لێدراوه واته شوێنی ههیهو دهرناکهوێ
لێره نیه
بهستهری ماڵپهڕهكهت؟
لێرهیه
awa kesha nya xot banarek ba nawy mast head drwst bka.....
لێره نیه
سڵاو بهریز،
واك ههورێیان ئهمیژیان پی داووه تهواووه بهڵهم لهوه ئهچیت بهریزت به تاواوی شتهکان نهکیت
بهریز فهرموو یهوو من بۆم چاک کردی بۆ داگردنی روکارکت کڵێك ئیر بکه
لهگهل ریزو خۆشهویستیم
لێره نیه