میوانی بهڕێز، بهخێرهاتی بۆ مهكۆكانی وێبچن، وهك میوان دهتوانی ههموو بابهتهكانی مهكۆكان بخوێنیتهوه و پێویست به خۆ تۆمار كردن ناكات، بۆ ئهوهی بتوانی بابهت و پرسیار بنووسیت پێویسته خۆت تۆمار بكهیت كه چهند ههنگاوێكی زۆر ئاسان و كورته بۆ جێبهجێ كردن
بهڕێزان ڕووکارێکی تازه، دهمهوێ بیکهم به کوردی، ئهگهر بکرێ هاوکاریم بکهن له گۆڕانی کۆدهکان
HTML ئهمهی خوارهوهیه
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
if ((mosCountModules( 'user1' )) && (mosCountModules( 'user2' ))) {
//if both modules are loaded, we need a 50%-layout for them
$usera = 'user1';
$userb = 'user2';
} else if ((mosCountModules( 'user1' )) || (mosCountModules( 'user2' ))) {
// if only one, then 100% no matter which one.
$usera = 'user3';
$userb = 'user3';
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site; ?>/templates/madeyourweb/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site; ?>/templates/madeyourweb/css/css_color_green.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="accessibility">
<a href="index.php#menu">
Menu</a>
<a href="index.php#content">
Content/Inhalt</a>
</div>
<div id="pagewidth-800" >
<div id="header" >
<div id="top-top">
<?php
if (mosCountModules( "user4" )) {
?>
<div id="search">
<?php mosLoadModules ( 'user4',-1); ?>
</div>
<?php
}
?>
<div id="topmenu">
<?php if (mosCountModules( "user3" )) { ?><?php mosLoadModules ( 'user3',-1); ?><?php } ?>
</div>
</div>
<div class="clr"></div>
<div id="top-bottom">
<a href="index.php">
<?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/logo.gif" border="0" width="250" height="80" alt="logo" />'; ?>
</a>
</div>
<?php
if (mosCountModules( "banner" )) {
?>
<div id="banner">
<?php mosLoadModules ( 'banner',-1); ?>
</div>
<?php
}
?>
</div>
<div id="outer-800" >
<div id="pathway">
<?php mospathway() ?>
</div>
<div id="leftcol">
<a name="menu"></a>
<?php
if (mosCountModules( "left" )) {
mosLoadModules ( 'left',-3);
}
?>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="maincol-broad-800" >
<?php
} else {
?>
<div id="maincol-wide-800" >
<?php
}
if (mosCountModules( "user1" )) {
?>
<div id="<?php echo $usera; ?>">
<?php mosLoadModules ( 'user1',-2); ?>
</div>
<?php
}
if (mosCountModules( "user2" )) {
?>
<div id="<?php echo $userb; ?>">
<?php mosLoadModules ( 'user2',-2); ?>
</div>
<?php
}
?>
<div class="clr"></div>
<div class="content">
<a name="content"></a>
<?php mosMainBody(); ?>
</div>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="rightcol-broad">
<?php mosLoadModules ( 'top',-3); ?>
<?php mosLoadModules ( 'right',-3); ?>
</div>
<?php
}
?>
<div class="clr"></div>
</div>
<div id="footer-800" >
<?php include_once( $mosConfig_absolute_path .'/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?>
</div>
</div>
</body>
</html>CSS کهشی ئهمهی خوارهوهیه
/* general stuff */
body{direction: rtl;
margin:0;
padding:0;
text-align: center;
font-family: unikurd web, Tahoma; text-align:right; direction:rtl;
}
a {
text-decoration: none;
font-weight: bold;
border: none;
}
a:hover {
text-decoration: underline;
border: none;
}
/* Layout */
#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}
#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}
#pagewidth-800{
width:770px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: transparent url(../images/back_all.gif) repeat-y 0px 140px;
margin-bottom: 20px;
}
#pagewidth-1024{
width:970px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: transparent url(../images/back_all1024.gif) repeat-y ;
margin-bottom: 20px;
}
#header {
height: 116px;
width: 100%;
}
#top-top {
height: 30px;
width: 100%;
background: transparent;
}
#top-bottom {
height: 80px;
width: 200px;
background: transparent;
float: left;
}
#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}
#search .inputbox{
width: 100px;
height: 18px;
font-size: 13px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}
#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 13px;
background: transparent;
border: none;
line-height: 10px;
}
#search form {
margin: 0px;
padding: 0px;
}
#topmenu{
height: 20px;
float: right;
width: 600px;
}
#pathway{
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}
#leftcol{
width: 152px;
float: left;
position: relative;
margin-right: 5px;
}
#rightcol-normal{
width: 155px;
float: right;
position: relative;
margin-right: 1px;
margin-top: -22px;
}
#rightcol-broad{
width: 180px;
float: right;
position: relative;
margin-right: 1px;
margin-top: -22px;
}
#outer-800{
width: 770px;
padding-top: 6px;
}
#outer-1024{
width: 970px;
padding-top: 6px;
}
#footer-800{
height: 40px;
width:100%;
background: transparent url(../images/footer.jpg) bottom left no-repeat;
font-size: 13px;
}
#footer-1024{
height: 40px;
width: 100%;
background: transparent url(../images/footer1024.jpg) bottom left no-repeat;
font-size: 13px;
}
#maincol-normal-800{
float: left;
width: 450px !important;
margin-left: 0px !important;
margin-left: -5px;
width: 446px;
}
#maincol-broad-800{
float: left;
width: 422px !important;
margin-left: 0px !important;
margin-left: -5px;
width: 417px;
}
#maincol-wide-800{
float: left;
width: 600px !important;
width: 595px;
margin-left: 0px !important;
margin-left: -5px;
padding-top: 3px !important;
padding-top: 0px;
}
#maincol-normal-1024{
float: left;
width: 650px;
margin-left: 0px !important;
margin-left: -5px;
}
#maincol-broad-1024{
float: left;
width: 622px;
margin-left: 0px !important;
margin-left: -5px;
}
#maincol-wide-1024{
float: left;
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
margin-left: 0px !important;
margin-left: -5px;
}
#banner {
width: 478px;
height: 69px;
float: right;
padding-left: 6px;
padding-top: 6px;
}
iframe.wrapper {
z-index: 0;
}
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
font-size: 13px;
line-height: 18px;
}
/* Modules */
#leftcol div.module, #rightcol-normal div.module {
width: 152px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}
#leftcol div.module div, #rightcol-normal div.module div {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}
#leftcol div.module div div, #rightcol-normal div.module div div {
width: 152px;
background: transparent url(../images/module_bottom.jpg) bottom left no-repeat;
}
#leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 13px;
}
#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}
#rightcol-broad div.module {
width: 177px;
background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
margin-bottom: 10px;
}
#rightcol-broad div.module div {
width: 177px;
background: transparent url(../images/module_top_wide.jpg) top left no-repeat;
}
#rightcol-broad div.module div div {
width: 177px;
background: transparent url(../images/module_bottom_wide.jpg) bottom left no-repeat;
}
#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 13px;
}
#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}
div.module h3 {
font-size: 13px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
#user1{
float: left;
width: 49%;
}
#user2{
float: right;
width: 49%;
}
#user3 {
width: 100%;
}
#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}
#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
width: 100%;
margin-bottom: 10px;
border: 1px solid #EFEFEF;
background: transparent;
font-size: 13px;
}
#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
color: #FFF;
width: 100%;
border-bottom: 1px solid #EFEFEF;
text-align: left;
text-indent: 5px;
}
/* Topmenu */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}
ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 13px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;
}
ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}
/* Main Menu(s) */
a.mainlevel {
font-size: 13px;
padding-left: 4px;
width: 143px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
}
html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */
a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
text-decoration: none;
}
a.sublevel {
padding: 0px;
margin: 0px;
font-size: 13px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */
a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}
/* Module specific */
#leftcol div.module div div div div.syndicate {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}
#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}
/* Other Mambo Stuff */
#title {
}
.pathway {
color: #BBBBBB;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}
.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 13px;
border-top: 1px solid #cccccc;
}
hr {
width: 90%;
}
hr.separator {
width: 40%;
}
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 13px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 13px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}
.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 13px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 13px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}
.createdate {
font-size: 13px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 13px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 13px;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}
.blog_more {
font-size: 13px;
}
a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}
.blog {
width: 100%;
}
.contentheading {
width: 98%;
font-weight: bold;
font-size: 13px;
height: 23px;
line-height: 20px;
border-bottom: 1px solid #002E61;
font-family: unikurd web, Tahoma; text-align:right; direction:rtl;
color: #002E61;
}
.contentpaneopen {
text-align: left;
background: transparent;
font-size: 10px;
line-height: 1.8;
}
table.contentpane td.contentheading {
font-weight: bold;
font-size: 13px;
height: 23px;
line-height: 20px;
font-family: unikurd web, Tahoma; text-align:right; direction:rtl;
border: none;
}
table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}
table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}
.contentdescription {
font-size: 13px;
}
.sectiontableheader {
font-weight: bold;
font-size: 13px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: unikurd web, Tahoma; text-align:right; direction:rtl;
}
.componentheading {
font-weight: bold;
font-size: 13px;
height: 23px;
line-height: 20px;
font-family: unikurd web, Tahoma; text-align:right; direction:rtl;
border-bottom: 1px solid #002E61;
color: #002E61;
margin-bottom: 5px;
}
a.category {
text-decoration: underline;
}
a.category:hover {
text-decoration: underline;
}
table.moduletable {
width: 100%;
font-size: 80%;
}
table.moduletable th {
font-size: 80%;
}
.poll {
font-size: 13px;
text-align: center;
}
.back_button a{
font-size: 13px;
font-weight: normal;
}
.blogsection {
font-size: 13px;
}
.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}
table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}
table.contenttoc th{
font-weight: bold;
font-size: 13px;
border-bottom: 1px solid #BBBBBB;
}
form {
margin: 0px;
padding: 0px;
}پێش وهخته سوپاس
لێره نیه
ناوی رووکارهکه چیه؟ دواتر له کوێ دات گرتووه لینکهکهی دابنێ بۆئهوهی Css که ئیدت بکهم و بۆت بنێرم.
کاتێکی خۆش
لێره نیه
لێرهوه ماڵپهڕی ڕووکارهکه http://www.madeyourweb.com
ناوی ڕووکارهکهmadeyourweb
بۆ ئهم ماڵپهڕه بهکارم هێناوه http://www.puknet.it
ههندێ شتم کردوه به کوردی وهک ئهوهی له وێبچن تێگهیشتبم بهڵام پێموایه زۆری ماوه.
دووباره سوپاس
لێره نیه
به پهیامی تایبهت نامهیهکم بۆ نوسیویت ، تکایه ههر به پهیامی تایبهت وهڵامم بدهرهوه
لێره نیه