بابه‌ت: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

سڵاو به‌رێزان و هاورێیان
چه‌ند پرسیارێكم هه‌بووله‌ راست و چه‌پ كردنی ئه‌مانه‌ له‌ سكرێپتی جوومله‌
1.
وه‌ك ‌ له‌م وێنه‌دایه‌ چۆن بتوانم وای لێی بكه‌م كه‌ له‌ر راسته‌وه‌ بچێت بۆ چه‌پ یانی به‌پێچه‌وانه‌ی ئه‌م وێنه‌یه‌ ؟؟

http://up3.m5zn.com/get-8-2008-of9qsngl97x.JPG

2.
وه‌ چۆن بتوانم ئه‌م لینكانه‌ بهێنمه‌ لای راست له‌گه‌ڵ ئه‌م وێنه‌ی كه‌ له‌لای چه‌پ هه‌یه‌ كه‌ سه‌همێكی بچووكه‌

http://up3.m5zn.com/get-8-2008-lkugod0eggt.JPG

3. ئئه‌وه‌ش به‌هه‌مان شێوه‌ بێ

http://up3.m5zn.com/get-8-2008-0qvck8y3bmh.JPG

له‌گه‌ڵ رێزوو سوپاس
به‌ هیوای چاره‌ كرنی ئه‌م كێشه‌ بچووكانه‌

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

ئه‌گه‌ر مه‌به‌ستت له‌ نووسینه‌ ئه‌وه‌ له‌ CSS دا

text-align: left

بکه‌ به‌

text-align: right

وه‌ ئه‌گه‌ر مه‌به‌ستت له‌ لیسته‌که‌یه‌ به‌ گشتی ئه‌وه‌ له‌لایه‌ن به‌ڕێوه‌به‌رایه‌تیه‌وه‌ ده‌چیته‌ ده‌ستکاری کردنی مۆدوله‌کان له‌وه‌ێوه‌ چه‌پ و ڕاستیان پێ ده‌که‌یت.

من ده‌زانم که‌ نازانم

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

زۆر سوپاس  چاكم كرد به‌ڵام به‌ته‌نها ئه‌و لیسته‌ی سه‌ره‌وه‌م بۆ چا نه‌كرایه‌ ئه‌ویش كاتێك بۆی زیاد ده‌كه‌م له‌لای چه‌په‌یه‌ من ده‌مه‌وێ له‌لای راسته‌ بێ یاخود ناوه‌راست

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

badil_hub نووسی:

زۆر سوپاس  چاكم كرد به‌ڵام به‌ته‌نها ئه‌و لیسته‌ی سه‌ره‌وه‌م بۆ چا نه‌كرایه‌ ئه‌ویش كاتێك بۆی زیاد ده‌كه‌م له‌لای چه‌په‌یه‌ من ده‌مه‌وێ له‌لای راسته‌ بێ یاخود ناوه‌راست

له‌ CSS به‌مشێوه‌یه‌ بنووسه‌ :

text-align: right;
direction: rtl;

سه‌ركه‌وتوو بیت

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

كاك بروسك گیان مه‌به‌ستم نوسین نیه‌
http://up3.m5zn.com/get-8-2008-of9qsngl97x.JPG

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

به‌ڵێ مامه‌ ئه‌زانم

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

Broosk نووسی:

له‌ CSS به‌مشێوه‌یه‌ بنووسه‌ :

text-align: right;
direction: rtl;

سه‌ركه‌وتوو بیت

ماشالله پره‌ له‌مه‌ی باست كردووه‌
template_css


.banneritem {text-align:center;}

 .readon {
border-bottom:1px dotted black;
border-left:1px dotted black;
}
td {font-size:12px;}
a:link, a:visited, h3, .contentheading,.blog_more div strong {
color:black;
}
 
.introtext, .fulltext {
color:black; 
}
 
html {
    overflow-x:hidden;
}

div {
    margin:0;
}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:black;
    line-height:175%;
    text-align:justify;
    height:100%;
    font-size: 12px;
    margin:0px;
    padding:0px;
    background-image:url(../images/backgroundgardient.jpg);
    background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}

ul {
margin:0;
padding:0;
margin-left:15px;
}
a {
    text-decoration:none;
    font-weight:bold;
}

ul li a, .pagenavcounter {
    font-weight:bold;
}

ul#mainlevel-nav {
    margin:0px;
    padding:0;
    height:33px;
}

ul#mainlevel-nav li {
    list-style: none;
    display:inline;
    height:33px;
    width:119px;
}

ul#mainlevel-nav li a {
    font-size:11px;
    color:white;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_normal.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
}
ul#mainlevel-nav li a:hover {
    color:white;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_over.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
}

h3 {
    margin-bottom:10px;
}

.contentheading, .blog_more div strong {
    font-weight:bold;
}

.blog_more a {
    font-weight:normal;
    color:black;
}

.componentheading {
    color:black;
    padding-bottom:10px;
    margin-bottom:20px;
}
.menu 
{
list-style-type:none;

}
a.mainlevel:link,a.mainlevel:hover,a.mainlevel:visited, .menu li a:link,.menu li a:hover,.menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

a.sublevel:link,a.sublevel:hover,a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:6px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.mainlevel:link,.vistaright a.mainlevel:hover,.vistaright a.mainlevel:visited, .vistaright .menu li a:link,.vistaright .menu li a:hover,.vistaright .menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
margin-left:20px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.sublevel:link,.vistaright a.sublevel:hover,.vistaright a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:26px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}

.vistaleft {padding:5px;}
.vistamain {padding:5px;overflow:auto;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:10px;background-repeat:repeat-x;background-color:black;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
    margin:0;
    padding-bottom:10px;
    color:black;
}

.moduletable {
line-height:175%;
margin:0;
padding-bottom:20px;
}
.moduletable td {
    padding-left:5px;
    padding-right:5px;
}

.vistaleft .module h3, .vistaleft .module_menu h3 {
    padding-left:25px;
    margin:-5 0 0 -5;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonleft.jpg) no-repeat;
}

.vistaright .module h3, .vistaright .module_menu h3 {
    margin:-5px;
    padding-right:25px;
    text-align:right;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonright.png) no-repeat;
    background-position:top right;
}


.small {
    color:#666666;
}

.createdate, .modifydate {
    color:#999999;
}

#mod_login_username, #mod_login_password {
    width:150px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.inputbox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.readon {
    padding-left:5px;
}

.contenttoc {
    margin:10px;
    border:1px solid #CCCCCC;
}

.contenttoc td {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}

.contenttoc th {
    text-align:left;
    background-color:#DEDEDE;
    padding-left:5px;
    padding-right:5px;
}

.label {
    text-align:left;
}

.mosimage {
    border:1px solid #CCCCCC;
    margin:5px;
}

.mosimage_caption {
    background-color:#DEDEDE;
}

.sectiontableheader {
    font-weight: bold;
}

.sectiontableentry2 label {
    text-align:left;
}

.sectiontableentry2 {
    background-color:#FFFFFF;
}

.sectiontableentry1 {
    background-color:#F5F5F5;
}

.sectiontableentry1 td div a, .sectiontableentry2 td div a {
    font-weight:bold;
    border:none;
}

.div_bfree {
    visibility:hidden;
    overflow:hidden;
    height:0px;
}

h3, .contentheading {
    /*font-size:140%;*/
    font-size:14px;
    font-weight:bold;
    margin:0px;
}

.componentheading {
    /*font-size:160%;*/
    font-size:14px;
    font-weight:bold;
    letter-spacing: 2px;
    text-transform:uppercase;
}

img {
    border:none;
}

.contentpane
{color:black;}
.contentpaneopen {
line-height:140%;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
width:100%;
}

.vistauser1, .vistauser2 {
margin:2px;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}

/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */

.button {
  color: black;
  font-family: Verdana, Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px dotted #000;
  background:none;
  width: auto;
  padding: 0px 4px;
  line-height: 16px !important;
  line-height: 14px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}


.back_button {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav_next {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
    
}

.pagenav_prev {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav {
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border-left: 1px dotted #000;
      border-bottom: 1px dotted #000;
    background:none;
      width: auto;
      padding: 0px 10px;
      line-height: 20px;
      margin: 1px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}
fieldset {
border:0px;
}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
    padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
}

.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}

.page span {
    color: #000;
    font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}

.button2-left {
    float: left;
    margin-left: 5px;
}

.button2-right {
    float: left;
    margin-left: 5px;
}


/* Tooltips */

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
    float:left;
    padding-left: 25px;
}

#power_by{
    float:right;
    padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
    padding: 2px 0;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}
/* Frontend Editing*/
fieldset {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
}

legend {
    margin: 0;
    padding: 0 10px;
}

td.key {
    border-bottom:1px solid #eee;
    color: #666;
}

 @media print{ 
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;} 
.print {width:100%;}
body, .vistamain{background:none;}
}
مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

ئه‌مه‌ دابنێ :

.banneritem {
text-align:center;
direction: rtl;
}

 .readon {
border-bottom:1px dotted black;
border-left:1px dotted black;
}
td {font-size:12px;}
a:link, a:visited, h3, .contentheading,.blog_more div strong {
color:black;
}
 
.introtext, .fulltext {
color:black; 
}
 
html {
    overflow-x:hidden;
}

div {
    margin:0;
}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:black;
    line-height:175%;
    text-align:justify;
    height:100%;
    font-size: 12px;
    margin:0px;
    padding:0px;
    background-image:url(../images/backgroundgardient.jpg);
    background-repeat:repeat-x;
    direction: rtl;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}

ul {
margin:0;
padding:0;
margin-left:15px;
}
a {
    text-decoration:none;
    font-weight:bold;
}

ul li a, .pagenavcounter {
    font-weight:bold;
}

ul#mainlevel-nav {
    margin:0px;
    padding:0;
    height:33px;
}

ul#mainlevel-nav li {
    list-style: none;
    display:inline;
    height:33px;
    width:119px;
}

ul#mainlevel-nav li a {
    font-size:11px;
    color:white;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_normal.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
}
ul#mainlevel-nav li a:hover {
    color:white;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_over.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
}

h3 {
    margin-bottom:10px;
}

.contentheading, .blog_more div strong {
    font-weight:bold;
}

.blog_more a {
    font-weight:normal;
    color:black;
}

.componentheading {
    color:black;
    padding-bottom:10px;
    margin-bottom:20px;
}
.menu 
{
list-style-type:none;

}
a.mainlevel:link,a.mainlevel:hover,a.mainlevel:visited, .menu li a:link,.menu li a:hover,.menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

a.sublevel:link,a.sublevel:hover,a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:6px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.mainlevel:link,.vistaright a.mainlevel:hover,.vistaright a.mainlevel:visited, .vistaright .menu li a:link,.vistaright .menu li a:hover,.vistaright .menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
margin-left:20px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.sublevel:link,.vistaright a.sublevel:hover,.vistaright a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:26px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}

.vistaleft {padding:5px;}
.vistamain {padding:5px;overflow:auto;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:10px;background-repeat:repeat-x;background-color:black;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
    margin:0;
    padding-bottom:10px;
    color:black;
}

.moduletable {
line-height:175%;
margin:0;
padding-bottom:20px;
}
.moduletable td {
    padding-left:5px;
    padding-right:5px;
}

.vistaleft .module h3, .vistaleft .module_menu h3 {
    padding-left:25px;
    margin:-5 0 0 -5;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonleft.jpg) no-repeat;
}

.vistaright .module h3, .vistaright .module_menu h3 {
    margin:-5px;
    padding-right:25px;
    text-align:right;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonright.png) no-repeat;
    background-position:top right;
}


.small {
    color:#666666;
}

.createdate, .modifydate {
    color:#999999;
}

#mod_login_username, #mod_login_password {
    width:150px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.inputbox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.readon {
    padding-left:5px;
}

.contenttoc {
    margin:10px;
    border:1px solid #CCCCCC;
}

.contenttoc td {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}

.contenttoc th {
    text-align:left;
    background-color:#DEDEDE;
    padding-left:5px;
    padding-right:5px;
}

.label {
    text-align:left;
}

.mosimage {
    border:1px solid #CCCCCC;
    margin:5px;
}

.mosimage_caption {
    background-color:#DEDEDE;
}

.sectiontableheader {
    font-weight: bold;
}

.sectiontableentry2 label {
    text-align:left;
}

.sectiontableentry2 {
    background-color:#FFFFFF;
}

.sectiontableentry1 {
    background-color:#F5F5F5;
}

.sectiontableentry1 td div a, .sectiontableentry2 td div a {
    font-weight:bold;
    border:none;
}

.div_bfree {
    visibility:hidden;
    overflow:hidden;
    height:0px;
}

h3, .contentheading {
    /*font-size:140%;*/
    font-size:14px;
    font-weight:bold;
    margin:0px;
}

.componentheading {
    /*font-size:160%;*/
    font-size:14px;
    font-weight:bold;
    letter-spacing: 2px;
    text-transform:uppercase;
}

img {
    border:none;
}

.contentpane
{color:black;}
.contentpaneopen {
line-height:140%;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
width:100%;
}

.vistauser1, .vistauser2 {
margin:2px;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}

/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */

.button {
  color: black;
  font-family: Verdana, Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px dotted #000;
  background:none;
  width: auto;
  padding: 0px 4px;
  line-height: 16px !important;
  line-height: 14px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}


.back_button {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav_next {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
    
}

.pagenav_prev {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav {
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border-left: 1px dotted #000;
      border-bottom: 1px dotted #000;
    background:none;
      width: auto;
      padding: 0px 10px;
      line-height: 20px;
      margin: 1px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}
fieldset {
border:0px;
}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
    padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
}

.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}

.page span {
    color: #000;
    font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}

.button2-left {
    float: left;
    margin-left: 5px;
}

.button2-right {
    float: left;
    margin-left: 5px;
}


/* Tooltips */

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
    float:left;
    padding-left: 25px;
}

#power_by{
    float:right;
    padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
    padding: 2px 0;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}
/* Frontend Editing*/
fieldset {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
}

legend {
    margin: 0;
    padding: 0 10px;
}

td.key {
    border-bottom:1px solid #eee;
    color: #666;
}

 @media print{ 
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;} 
.print {width:100%;}
body, .vistamain{background:none;}
}

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

ئه‌زیه‌تم دای كاك بروسك گیان
به‌ڵام هیچ نه‌گۆرا

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

ئه‌كرێت به‌سته‌ری ماڵپه‌ره‌كه‌ت دابنێی ؟

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

به‌په‌یامی تایبه‌ت بۆتم ناردووه‌
سه‌یر بكه‌

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

فه‌رموو ئێستا ئه‌مه‌یان له‌ CSS دابنێ :

.banneritem {
text-align:center;
direction: rtl;
}

 .readon {
border-bottom:1px dotted black;
border-left:1px dotted black;
}
td {font-size:12px;}
a:link, a:visited, h3, .contentheading,.blog_more div strong {
color:black;
}
 
.introtext, .fulltext {
color:black; 
}
 
html {
    overflow-x:hidden;
}

div {
    margin:0;
}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:black;
    line-height:175%;
    text-align:justify;
    height:100%;
    font-size: 12px;
    margin:0px;
    padding:0px;
    background-image:url(../images/backgroundgardient.jpg);
    background-repeat:repeat-x;
    direction: rtl;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}

ul {
margin:0;
padding:0;
margin-left:15px;
}
a {
    text-decoration:none;
    font-weight:bold;
}

ul li a, .pagenavcounter {
    font-weight:bold;
}

ul#mainlevel-nav {
    margin:0px;
    padding:0;
    height:33px;
    text-align: right;
    direction: rtl;
}

ul#mainlevel-nav li {
    list-style: none;
    display:inline;
    height:33px;
    width:119px;
    text-align: right;
    direction: rtl;
}

ul#mainlevel-nav li a {
    font-size:11px;
    color:white;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_normal.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
    direction: rtl;
}
ul#mainlevel-nav li a:hover {
    color:white;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    background:url(../images/buttontop_over.jpg) no-repeat;
    line-height:33px;
    height:33px;
    width:119px;
    display: block;
    float:left;
    direction: rtl;
}

h3 {
    margin-bottom:10px;
}

.contentheading, .blog_more div strong {
    font-weight:bold;
}

.blog_more a {
    font-weight:normal;
    color:black;
}

.componentheading {
    color:black;
    padding-bottom:10px;
    margin-bottom:20px;
}
.menu 
{
list-style-type:none;

}
a.mainlevel:link,a.mainlevel:hover,a.mainlevel:visited, .menu li a:link,.menu li a:hover,.menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
text-align: right;
direction: rtl;
}

a.sublevel:link,a.sublevel:hover,a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:6px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
text-align: right;
direction: rtl;
}

.vistaright a.mainlevel:link,.vistaright a.mainlevel:hover,.vistaright a.mainlevel:visited, .vistaright .menu li a:link,.vistaright .menu li a:hover,.vistaright .menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
margin-left:20px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
text-align: right;
direction: rtl;
}

.vistaright a.sublevel:link,.vistaright a.sublevel:hover,.vistaright a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:26px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}

.vistaleft {padding:5px;}
.vistamain {padding:5px;overflow:auto;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:10px;background-repeat:repeat-x;background-color:black;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
    margin:0;
    padding-bottom:10px;
    color:black;
}

.moduletable {
line-height:175%;
margin:0;
padding-bottom:20px;
}
.moduletable td {
    padding-left:5px;
    padding-right:5px;
}

.vistaleft .module h3, .vistaleft .module_menu h3 {
    padding-left:25px;
    margin:-5 0 0 -5;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonleft.jpg) no-repeat;
}

.vistaright .module h3, .vistaright .module_menu h3 {
    margin:-5px;
    padding-right:25px;
    text-align:right;
    color:white;
    line-height:34px;
    height:43px;
    font-size:14px;
    background:url(../images/titlebuttonright.png) no-repeat;
    background-position:top right;
}


.small {
    color:#666666;
}

.createdate, .modifydate {
    color:#999999;
}

#mod_login_username, #mod_login_password {
    width:150px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.inputbox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
    color:black;
}

.readon {
    padding-left:5px;
}

.contenttoc {
    margin:10px;
    border:1px solid #CCCCCC;
}

.contenttoc td {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}

.contenttoc th {
    text-align:left;
    background-color:#DEDEDE;
    padding-left:5px;
    padding-right:5px;
}

.label {
    text-align:left;
}

.mosimage {
    border:1px solid #CCCCCC;
    margin:5px;
}

.mosimage_caption {
    background-color:#DEDEDE;
}

.sectiontableheader {
    font-weight: bold;
}

.sectiontableentry2 label {
    text-align:left;
}

.sectiontableentry2 {
    background-color:#FFFFFF;
}

.sectiontableentry1 {
    background-color:#F5F5F5;
}

.sectiontableentry1 td div a, .sectiontableentry2 td div a {
    font-weight:bold;
    border:none;
}

.div_bfree {
    visibility:hidden;
    overflow:hidden;
    height:0px;
}

h3, .contentheading {
    /*font-size:140%;*/
    font-size:14px;
    font-weight:bold;
    margin:0px;
}

.componentheading {
    /*font-size:160%;*/
    font-size:14px;
    font-weight:bold;
    letter-spacing: 2px;
    text-transform:uppercase;
}

img {
    border:none;
}

.contentpane
{color:black;}
.contentpaneopen {
line-height:140%;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
width:100%;
}

.vistauser1, .vistauser2 {
margin:2px;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}

/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */

.button {
  color: black;
  font-family: Verdana, Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px dotted #000;
  background:none;
  width: auto;
  padding: 0px 4px;
  line-height: 16px !important;
  line-height: 14px;
  height: 24px !important;
  height: 22px;
  margin: 1px;
}


.back_button {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav_next {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
    
}

.pagenav_prev {
      color: black;
      font-family: Arial, Hevlvetica, sans-serif;
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border: 3px double #cccccc;
    background:none;
      width: 50px;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 19px !important;
      height: 19px;
      margin: 1px;
}

.pagenav {
      text-align: center;
      font-size: 11px;
      font-weight: bold;
      border-left: 1px dotted #000;
      border-bottom: 1px dotted #000;
    background:none;
      width: auto;
      padding: 0px 10px;
      line-height: 20px;
      margin: 1px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}
fieldset {
border:0px;
}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
    padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
}

.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}

.page span {
    color: #000;
    font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}

.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}

.button2-left {
    float: left;
    margin-left: 5px;
}

.button2-right {
    float: left;
    margin-left: 5px;
}


/* Tooltips */

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
    float:left;
    padding-left: 25px;
}

#power_by{
    float:right;
    padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
    padding: 2px 0;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}
/* Frontend Editing*/
fieldset {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
}

legend {
    margin: 0;
    padding: 0 10px;
}

td.key {
    border-bottom:1px solid #eee;
    color: #666;
}

 @media print{ 
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;} 
.print {width:100%;}
body, .vistamain{background:none;}
}

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

کاك بروسك ئایا تۆ کام کۆده‌ت ده‌سکاری کردووه‌ ئه‌وه‌ی top menu چونکه‌ منیش ئه‌مه‌وێت بیخه‌مه‌ لای ڕاست

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

مامه‌ برووسك گیان بروا بكه‌ تێك چوو چاك نه‌بووه‌
ئێستا كه‌چوومه‌ ده‌وام بزانم چاكی ده‌كه‌مه‌وه‌

مرۆڤ: که‌زانیت هه‌رئه‌مریت ئه‌بێت هه‌و‌ڵ بدات به‌ر‌هه‌مدار و سوود به‌خش بیت | Web4KurD  |  Web4kurD
گروپی وێب فۆر کورد : دیزاین | هۆست | دۆمین | دانانى کامێرای چاودێرى| بەستانى رایەڵ و نێتۆرک

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

من ده‌ستكاری Class ــی خشته‌كه‌ی سه‌ره‌وه‌م كرد (ئه‌وه‌ی كاك Badil_Hub ) ده‌یویست ،

وه‌ڵام: چۆنیه‌تی راست و چه‌پ كردنی لیستی بانه‌ر؟

له‌ ناو كام په‌ڕی css داێبنیم
من index و
ja_newsmoo
و
template
و
typo
لایه‌