PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : راست به چپ کردن یک قالب



Devil Jin
01-14-2011, 12:31 PM
سلام
من یه قالب با آرتیستیر ساختم که تو عکس زیر میبینید
مشکلم اینجاست که تونستم قسمت ها ی سبز رو راست به چپ کنم ولی قسمت های قرمز رو نتونستم (یعنی قابلیتش تو آرتیستیر نبود :-[)
حالا میشه کمکم کنین که آون قسمت ها رو هم راست به چپ کنم؟ :-\
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
پیشاپیش ممنونم :)

mersad
01-14-2011, 01:08 PM
دروود

طراحی قالب جوملا با نرم افزار آرتیستیر در 10 قدم (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

Devil Jin
01-14-2011, 03:53 PM
سلام
جناب مرصاد امروز شما خیلی به من لطف کردید ها O0
ولی مشکل من چیز دیگه ای هست
من قالبمو طراحی کردم
تقریبا تمام قابلیت های آرتیستیر رو امتحان کردم
ولی یه مشکلی هست و اون هم اینه که توی آرتیستیر شما میتونی مطالب رو R2L کنی و میتونی عنوان منو ها رو R2L کنی و حتی میشه منوی افقی و یا دکمه ها رو R2L کنی ولی نمیشه خود منو ها رو R2L کرد (قسمت هایی که قابل R2L شدن نیستند رو با رنگ قرمز مشخص کردم)
حالا من میخوام بدونم منی که HTML و CSS بلد نیستم میتونم این مشکل رو حل کنم یا نه؟
اگه کد خواصی باید در HTML یا CSS اضافه بشه بفرمایید شاید بتونم
ممنون از لطف بی اندازه تون :)

emad.h
01-14-2011, 04:24 PM
سلام

کد css قالبت بزار اینجا !

Devil Jin
01-14-2011, 06:49 PM
editor.css

/* begin Page */

/* Generated with Artisteer version 2.5.0.31067, file checksum is 35E20830. */

body
{
margin: 0 auto;
padding: 0;
background-color: #EAC18A;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-align: right;
color: #34434C;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
font-weight: normal;
font-style: normal;
text-decoration: none;
font-family: &quot;Times New Roman&quot;, Georgia, Times, Serif;
font-size: 32px;
text-align: left;
}

a
{
text-decoration: underline;
color: #1B14E6;
}

a:link
{
text-decoration: underline;
color: #1B14E6;
}

a:visited, a.visited
{

color: #685341;
}

a:hover, a.hover
{
text-decoration: none;
color: #FF3D3D;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{

color: #265273;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-size: 28px;
color: #265273;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-size: 24px;
color: #365263;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-size: 20px;
color: #192024;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-style: normal;
font-weight: bold;
font-size: 18px;
color: #192024;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-size: 14px;
text-decoration: none;
color: #192024;
}/* end Page */

template.css

/* begin Page */

/* Generated with Artisteer version 2.5.0.31067, file checksum is CDB9E468. */

body, p
{
margin: 0.5em 0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-align: right;
}

body
{
margin: 0 auto;
padding: 0;
color: #34434C;
background-color: #EAC18A;
background-image: url(&#039;../images/page_t.jpg&#039;);
background-repeat: repeat;
background-attachment: scroll;
background-position: center left;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
font-weight: normal;
font-style: normal;
text-decoration: none;
font-family: &quot;Times New Roman&quot;, Georgia, Times, Serif;
font-size: 32px;
text-align: left;
}

a,
.art-post li a
{
text-decoration: underline;
color: #1B14E6;
}

a:link,
.art-post li a:link
{
text-decoration: underline;
color: #1B14E6;
}

a:visited, a.visited,
.art-post li a:visited, .art-post li a.visited
{

color: #685341;
}

a:hover, a.hover,
.art-post li a:hover, .art-post li a.hover
{

text-decoration: none;
color: #FF3D3D;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
margin: 0.67em 0;

color: #265273;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
margin: 0.8em 0;
font-size: 28px;
color: #265273;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
margin: 1em 0;
font-size: 24px;
color: #365263;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
margin: 1.25em 0;
font-size: 20px;
color: #192024;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
margin: 1.67em 0;
font-style: normal;
font-weight: bold;
font-size: 18px;
color: #192024;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
margin: 2.33em 0;
font-size: 14px;
text-decoration: none;
color: #192024;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
margin:0;
}

#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
cursor:default;
}



#art-page-background-gradient
{
background-position: center left;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size: 1px;
}

form
{
padding: 0 !important;
margin: 0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
position: relative;
z-index: 0;
margin: 0 auto;
width: 900px;
min-width: 69px;
min-height: 69px;
}

.art-sheet-body
{
position: relative;
z-index: 1;
padding: 7px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
position: absolute;
z-index: -1;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
width: 96px;
height: 96px;
background-image: url(&#039;../images/sheet_s.png&#039;);
}

.art-sheet-tl
{
top: 0;
left: 0;
clip: rect(auto, 48px, 48px, auto);
}

.art-sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 48px, 48px);
}

.art-sheet-bl
{
bottom: 0;
left: 0;
clip: rect(48px, 48px, auto, auto);
}

.art-sheet-br
{
bottom: 0;
right: 0;
clip: rect(48px, auto, auto, 48px);
}

.art-sheet-tc, .art-sheet-bc
{
left: 48px;
right: 48px;
height: 96px;
background-image: url(&#039;../images/sheet_h.png&#039;);
}

.art-sheet-tc
{
top: 0;
clip: rect(auto, auto, 48px, auto);
}

.art-sheet-bc
{
bottom: 0;
clip: rect(48px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
top: 48px;
bottom: 48px;
width: 96px;
background-image: url(&#039;../images/sheet_v.png&#039;);
}

.art-sheet-cr
{
right: 0;
clip: rect(auto, auto, auto, 48px);
}

.art-sheet-cl
{
left: 0;
clip: rect(auto, 48px, auto, auto);
}

.art-sheet-cc
{
position: absolute;
z-index: -1;
top: 48px;
left: 48px;
right: 48px;
bottom: 48px;
background-image: url(&#039;../images/sheet_c.png&#039;);
}

.art-sheet
{
margin-top: 50px !important;
cursor:auto;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width: 900px;
}

/* end Box, Sheet */

/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
z-index: 0;
width: 886px;
height: 225px;
overflow: hidden;
}

div.art-header-png
{
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 886px;
height: 225px;
background-image: url(&#039;../images/header.png&#039;);
background-repeat: no-repeat;
background-position: left top;
}

div.art-header-jpeg
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 886px;
height: 225px;
background-image: url(&#039;../images/header.jpg&#039;);
background-repeat: no-repeat;
background-position: center center;
}

/* end Header */

/* begin Flash */
#art-flash-area
{
position: absolute;
top: 0;
left: 0;
width: 886px;
height: 225px;
}

#art-flash-container
{
position: absolute;
top: 0;
left: 0;
width: 886px;
height: 225px;
}

#art-flash-container div.art-flash-alt
{
position: relative;
width: 110px;
height: 30px;
margin: 0 auto;
top: 0;
}
/* end Flash */

/* begin Logo */
.art-logo
{
display: block;
position: absolute;
left: 18px;
top: 7px;
width: 868px;
}

h1.art-logo-name
{
display: block;
text-align: left;
}

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
font-style: normal;
font-weight: bold;
font-size: 26px;
text-decoration: none;
padding: 0;
margin: 0;
color: #000000 !important;
}

.art-logo-text
{
display: block;
text-align: left;
}

.art-logo-text, .art-logo-text a
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
padding: 0;
margin: 0;
color: #000000 !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align: left;
text-decoration: none;
outline: none;
letter-spacing: normal;
word-spacing: normal;
}

.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-menu li li
{
float: none;
}

.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
}

.art-menu li:hover&gt;ul
{
visibility: visible;
top: 100%;
}

.art-menu li li:hover&gt;ul
{
top: 0;
left: 100%;
}

.art-menu:after, .art-menu ul:after
{
content: &quot;.&quot;;
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}

.art-menu ul
{
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

ul.art-menu
{
float: right;
}



/* menu structure */

.art-menu
{
padding: 4px 4px 4px 4px;
}

.art-nav
{
position: relative;
height: 33px;
z-index: 100;
}

.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 33px;
background-image: url(&#039;../images/nav.png&#039;);
}

.art-nav .l
{
left: 0;
right: 0;
}

.art-nav .r
{
right: 0;
width: 886px;
clip: rect(auto, auto, auto, 886px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
position: relative;
display: block;
overflow: hidden;
height: 25px;
cursor: pointer;
text-decoration: none;
}

.art-menu ul li
{
margin:0;
clear: both;
}


.art-menu a .r, .art-menu a .l
{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 75px;
background-image: url(&#039;../images/menuitem.png&#039;);
}

.art-menu a .l
{
left: 0;
right: 6px;
}

.art-menu a .r
{
width: 412px;
right: 0;
clip: rect(auto, auto, auto, 406px);
}

.art-menu a .t
{
margin-right: 10px;
margin-left: 10px;
font-style: normal;
font-weight: bold;
letter-spacing: 0;
color: #BED7E9;
padding: 0 14px;
margin: 0 6px;
line-height: 25px;
text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
top: -25px;
}

.art-menu li:hover&gt;a .l, .art-menu li:hover&gt;a .r
{
top: -25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
top: -25px;
}
.art-menu a:hover .t
{
color: #FBFDFE;
}

.art-menu li:hover a .t
{
color: #FBFDFE;
}

.art-menu li:hover&gt;a .t
{
color: #FBFDFE;
}


.art-menu a.active .l, .art-menu a.active .r
{
top: -50px;
}

.art-menu a.active .t
{
color: #FFFFFF;
}
/* end MenuItem */

/* begin MenuSeparator */


.art-menu .art-menu-li-separator
{
display: block;
width: 10px;
height: 25px;
}

.art-nav .art-menu-separator
{
display: block;
margin:0 auto;
width: 2px;
height: 25px;
background-image: url(&#039;../images/menuseparator.png&#039;);
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
display: block;
text-align: center;
white-space: nowrap;
height: 26px;
width: 180px;
overflow: hidden;
line-height: 26px;
background-image: url(&#039;../images/subitem.png&#039;);
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #2E628A;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #04080B;
margin-right: 10px;
margin-left: 10px;
margin:0;
padding:0;
}

.art-menu ul li a:hover
{
color: #FFFFFF;
border-color: #203050;
background-position: 0 -26px;
}

.art-menu ul li:hover&gt;a
{
color: #FFFFFF;
border-color: #203050;
background-position: 0 -26px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #FFFFFF;
}

.art-nav .art-menu ul li:hover&gt;a span, .art-nav .art-menu ul li:hover&gt;a span span
{
color: #FFFFFF;
}


/* end MenuSubItem */

/* begin Layout */
.art-content-layout
{
display: table;
padding: 0;
border: none;
width: 886px;
}

.art-content-layout .art-content-layout
{
width: auto;
margin:0;
}

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
display: table-cell;
}

div.art-layout-cell div.art-layout-cell
{
display: block;
}

div.art-content-layout-row
{
display: table-row;
}

.art-content-layout
{
table-layout: fixed;
border-collapse: collapse;
background-color: Transparent;
border: none !important;
padding:0 !important;
}

.art-layout-cell, .art-content-layout-row
{
background-color: Transparent;
vertical-align: top;
text-align: left;
border: none !important;
margin:0 !important;
padding:0 !important;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-vmenublock-body
{
position: relative;
z-index: 1;
padding: 0;
}


.art-vmenublock
{
margin: 7px;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader
{
position: relative;
z-index: 0;
height: 34px;
margin-bottom: 0;
}

.art-vmenublockheader .t
{
height: 34px;
color: #92B1C4;
margin-right: 10px;
margin-left: 10px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
text-align: right;
margin:0;
padding: 0 10px 0 31px;
white-space: nowrap;
line-height: 34px;
}

.art-vmenublockheader .l, .art-vmenublockheader .r
{
display: block;
position: absolute;
z-index: -1;
height: 34px;
background-image: url(&#039;../images/vmenublockheader.png&#039;);
}

.art-vmenublockheader .l
{
left: 0;
right: 25px;
}

.art-vmenublockheader .r
{
width: 886px;
right: 0;
clip: rect(auto, auto, auto, 861px);
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-vmenublockcontent-body
{
position: relative;
z-index: 1;
padding: 5px;
}


.art-vmenublockcontent
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-vmenublockcontent-body
{
position: relative;
z-index: 1;
padding: 5px;
}


/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
list-style: none;
margin: 0;
padding: 0;
width: auto;
line-height: 0;
}/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a
{
position: relative;
display: block;
overflow: hidden;
height: 22px;
cursor: pointer;
text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator
{
display: block;
padding: 0 0 0 0;
margin: 0;
font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span
{
display: block;
padding: 0;
font-size: 1px;
height: 0;
line-height: 0;
border: none;
}

ul.art-vmenu a .r, ul.art-vmenu a .l
{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 66px;
background-image: url(&#039;../images/vmenuitem.png&#039;);
}

ul.art-vmenu a .l
{
left: 0;
right: 16px;
}

ul.art-vmenu a .r
{
width: 908px;
right: 0;
clip: rect(auto, auto, auto, 892px);
}

ul.art-vmenu a .t
{
display: block;
line-height: 22px;
color: #203050;
padding: 0 10px 0 26px;
font-style: normal;
font-weight: normal;
margin-left:0;
margin-right:0;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
top: -44px;
}

ul.art-vmenu a.active .t
{
color: #FFFFFF;
}


ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
top: -22px;
}

ul.art-vmenu a:hover .t
{
color: #000000;
}
/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul, ul.art-vmenu ul li
{
margin: 0;
padding: 0;
}

ul.art-vmenu ul a
{
display: block;
white-space: nowrap;
height: 20px;
overflow: visible;
background-image: url(&#039;../images/vsubitem.gif&#039;);
background-position: 20px 0;
background-repeat: repeat-x;
padding-left: 33px;
}

ul.art-vmenu ul li
{
padding: 0;
}

ul.art-vmenu ul span, ul.art-vmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
{
line-height: 20px;
color: #203050;
margin-left: 0;
}

ul.art-vmenu ul
{
margin:0 0 0 0;
}

ul.art-vmenu ul ul
{
margin:0 0 0 0;
}

ul.art-vmenu ul li.art-vsubmenu-separator
{
display: block;
margin: 0;
font-size: 1px;
padding: 0 0 0 0;
}

ul.art-vmenu ul .art-vsubmenu-separator-span
{
display: block;
padding: 0;
font-size: 1px;
height: 0;
line-height: 0;
margin: 0;
border: none;
}

ul.art-vmenu ul li li a
{
background-position: 40px 0;
padding-left: 53px;
}

ul.art-vmenu ul li li li a
{
background-position: 60px 0;
padding-left: 73px;
}

ul.art-vmenu ul li li li li a
{
background-position: 80px 0;
padding-left: 93px;
}

ul.art-vmenu ul li li li li li a
{
background-position: 100px 0;
padding-left: 113px;
}


ul.art-vmenu ul li a.active
{
color: #FFFFFF;
background-position: 20px -40px;
}

ul.art-vmenu ul li li a.active
{
background-position: 40px -40px;
}

ul.art-vmenu ul li li li a.active
{
background-position: 60px -40px;
}

ul.art-vmenu ul li li li li a.active
{
background-position: 80px -40px;
}

ul.art-vmenu ul li li li li li a.active
{
background-position: 100px -40px;
}



ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
{
color: #000000;
background-position: 20px -20px;
}


ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
{
background-position: 40px -20px;
}

ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
{
background-position: 60px -20px;
}

ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
{
background-position: 80px -20px;
}

ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
{
background-position: 100px -20px;
}
/* end VMenuSubItem */

/* begin Box, Block */
.art-block
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-block-body
{
position: relative;
z-index: 1;
padding: 0;
}


.art-block
{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader
{
position: relative;
z-index: 0;
height: 34px;
margin-bottom: 0;
}

.art-blockheader .t
{
height: 34px;
color: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
text-align: right;
margin:0;
padding: 0 10px 0 35px;
white-space: nowrap;
line-height: 34px;
}

.art-blockheader .l, .art-blockheader .r
{
display: block;
position: absolute;
z-index: -1;
height: 34px;
background-image: url(&#039;../images/blockheader.png&#039;);
}

.art-blockheader .l
{
left: 0;
right: 25px;
}

.art-blockheader .r
{
width: 886px;
right: 0;
clip: rect(auto, auto, auto, 861px);
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-blockcontent-body
{
position: relative;
z-index: 1;
padding: 5px;
}


.art-blockcontent-body,
.art-blockcontent-body a,
.art-blockcontent-body li a
{
color: #192024;

}

.art-blockcontent-body a,
.art-blockcontent-body li a
{
color: #203050;
text-decoration: underline;
}

.art-blockcontent-body a:link,
.art-blockcontent-body li a:link
{
color: #203050;
text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
.art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited
{
color: #000000;

}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
.art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover
{
color: #1B14E6;

text-decoration: none;
}

.art-blockcontent-body ul
{
list-style-type: none;
color: #40535E;
margin: 0;
padding: 0;
}

.art-blockcontent-body ul li
{
line-height: 1.25em;
padding: 0 0 0 12px;
background-image: url(&#039;../images/blockcontentbullets.png&#039;);
background-repeat: no-repeat;
}


/* end Box, BlockContent */

/* begin Button */
.art-button-wrapper .art-button
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: left;
text-decoration: none !important;
color: #F0F5FA !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 27px;
height: 27px;
margin: 0 !important;
padding: 0 11px !important;
overflow: visible;
cursor: default;
z-index: 0;
}

.art-button img, .art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}

.art-button-wrapper
{
vertical-align: middle;
display: inline-block;
position: relative;
height: 27px;
overflow: hidden;
white-space: nowrap;
width: auto;
margin: 0;
padding: 0;
z-index: 0;
}

.firefox2 .art-button-wrapper
{
display: block;
float: left;
}

input, select, textarea, select
{
vertical-align: middle;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
}

.art-block select
{
width:96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #E4ECF1 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #27333A !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display: block;
position: absolute;
z-index: -1;
height: 81px;
margin: 0;
padding: 0;
background-image: url(&#039;../images/button.png&#039;);
}

.art-button-wrapper .l
{
left: 0;
right: 10px;
}

.art-button-wrapper .r
{
width: 413px;
right: 0;
clip: rect(auto, auto, auto, 403px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -27px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -54px;
}

.art-button-wrapper input
{
float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 1px;
min-height: 1px;
}

.art-post-body
{
position: relative;
z-index: 1;
padding: 10px;
}


.art-post
{
margin: 10px;
}

a img
{
border: 0;
}

.art-article img, img.art-article
{
margin: 10px;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width: auto;
}

.art-article th, .art-article td
{
padding: 2px;
border: dashed 1px #183449;
vertical-align: top;
text-align: left;
}

.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}

pre
{
overflow: auto;
padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-post h2.art-postheader,
.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{
margin: 0.2em 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 28px;
text-align: right;
color: #000000;
}

.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{
margin: 0;
text-decoration: none;
color: #1B14E6;
}

.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited
{

color: #685341;
}


.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{

text-decoration: underline;
color: #FF3D3D;
}

.art-post h2.art-postheader img
{
border: none;
vertical-align: middle;
margin: 0;
}
/* end PostHeaderIcon */

/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
padding: 1px;
overflow:hidden;
background-color: #D4E0E8;
}
/* end PostMetadata, PostMetadataHeader */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons
{
color: #000000;
padding: 1px;
}

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
font-style: italic;
font-weight: normal;
font-size: 11px;
}

.art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
margin: 0;
text-decoration: underline;
color: #FF3D3D;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
text-decoration: none;
color: #1B14E6;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #FFFFFF;
}
/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.art-post ol, .art-post ul
{
color: #0C1012;
margin: 1em 0 1em 2em;
padding: 0;
margin-left: 12px;
text-align: left;
}

.art-post li ol, .art-post li ul
{
margin: 0.5em 0 0.5em 2em;
padding: 0;
}

.art-post li
{
margin: 0.2em 0;
padding: 0;
}

.art-post ul
{
list-style-type: none;
}

.art-post ol
{
list-style-position: inside;

}



.art-post li
{
padding: 0 0 0 13px;
line-height: 1em;
}

.art-post ol li, .art-post ul ol li
{
background: none;
padding-left: 0;/* overrides overflow for &quot;ul li&quot; and sets the default value */
overflow: visible;
}

.art-post ul li, .art-post ol ul li
{
background-image: url(&#039;../images/postbullets.png&#039;);
background-repeat: no-repeat;
padding-left: 13px;/* makes &quot;ul li&quot; not to align behind the image if they are in the same line */
overflow: auto;
}


/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote p,
.art-postcontent blockquote p
{
color: #05080A;

}

blockquote,
.art-postcontent blockquote
{
border: groove 1px #AFC6D4;
margin: 10px 10px 10px 50px;
padding: 5px 5px 5px 28px;
background-color: #7DAED4;
background-image: url(&#039;../images/postquote.png&#039;);
background-position: left top;
background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */
overflow: auto;
}

/* end PostQuote */

/* begin Footer */
.art-footer
{
position: relative;
overflow: hidden;
width: 100%;
}


.art-footer-body
{
position:relative;
padding: 5px;
}

.art-footer-body .art-rss-tag-icon
{
position: absolute;
left: 10px;
bottom:5px;
z-index:1;
}

.art-rss-tag-icon
{
display: block;
background-image: url(&#039;../images/rssicon.png&#039;);
background-position: center right;
background-repeat: no-repeat;
height: 32px;
width: 32px;
cursor: default;
}

.art-footer-text, .art-footer-text p
{
margin: 0;
padding: 0;
text-align: center;
}

.art-footer,
.art-footer p,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
color: #204460;
font-size: 11px;
}

.art-footer-text
{
min-height: 32px;
margin: 0 10px 0 10px;
}

.art-footer a,
.art-footer a:link
{
color: #1B14E6;
text-decoration: underline;
}

.art-footer a:visited
{
color: #536B79;

}

.art-footer a:hover
{
color: #FF3D3D;

text-decoration: none;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #ABCBE3;
}

.art-page-footer
{
margin: 1em;
text-align: center;
text-decoration: none;
color: #BCCAD2;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
width: 20%;
}
/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */
.art-content-layout .art-content
{
width: 60%;
}
.art-content-layout .art-content-sidebar1
{
width: 80%;
}
.art-content-layout .art-content-sidebar2
{
width: 80%;
}
.art-content-layout .art-content-wide
{
width: 100%;
}
/* end LayoutCell, content */

/* begin LayoutCell, sidebar2 */
.art-content-layout .art-sidebar2
{
width: 20%;
}
/* end LayoutCell, sidebar2 */



table.moduletable th
{
font-size: 140%;
padding: .5em 0;
}

.firefox2 table.poll tr td div
{
font-size: 0;
}

#footer
{
text-align: center;
}

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%;
padding-bottom: 1em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

div.offline
{
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

/* headers */
table.moduletable th, legend
{
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0;
margin-bottom: 10px;
text-align: left;
}

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

label.invalid
{
color: #ff0000;
}


/** overlib **/

.ol-foreground
{
background-color: #f6f6f6;
}

.ol-background
{
background-color: #666;
}

.ol-textfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}

.ol-captionfont a
{
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

/* spacers */
span.article_separator
{
display: none;
}

.column_separator
{
padding-left: 10px;
}

td.buttonheading img
{
border: none;
}

.clr
{
clear: both;
}

div#maindivider
{
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator
{
display: none;
}

/* edit button */
.contentpaneopen_edit
{
float: left;
}

/* table of contents */
table.contenttoc
{
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td
{
padding: 0 5px;
}


/* content tables */
td.sectiontableheader
{
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane
{
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li
{
margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
margin-top: 25px;
}

table.contentpaneopen h4
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight
{
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
margin-bottom: 0;
}

div.moduletable, div.module
{
margin-bottom: 25px;
}

div.module_menu h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu
{
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div
{
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div
{
background: none;
padding: 0;
}

div.module_menu ul
{
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited
{
font-weight: bold;
}

#leftcolumn div.module
{
padding: 0 10px;
}

#leftcolumn div.module table
{
width: auto;
}

/* forms */
table.adminform textarea
{
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input
{
width: 95%;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login
{
text-align: left;
}

form#form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#form-login ul li
{
background-image: none;
padding: 0;
}

#modlgn_username, #modlgn_passwd
{
width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
display: block;
margin: 0;
}

form#com-form-login
{
text-align: left;
}

form#com-form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#com-form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#com-form-login ul li
{
background-image: none;
padding: 0;
}

/* thumbnails */
div.mosimage
{
margin: 5px;
}

div.mosimage_caption {
font-size: .90em;
color: #666;
}

div.caption
{
padding: 0 10px 0 10px;
}

div.caption img
{
border: 1px solid #CCC;
}

div.caption p
{
font-size: .90em;
color: #666;
text-align: center;
}

/* Parameter Table */
table.paramlist
{
margin-top: 5px;
}

table.paramlist td.paramlist_key
{
width: 128px;
text-align: left;
height: 30px;
}

div.message
{
font-weight: bold;
font-size: 14px;
color: #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
padding: 4px;
font-size: 11px;
}

.bannerfooter_text
{
padding: 4px;
font-size: 11px;
background-color: #f7f7f7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

/* Polls */
.pollstableborder
{
margin-top: 8px;
}


.pollstableborder td
{
text-align: left;

}

/* WebLinks */
span.description
{
display: block;
padding-left: 30px;
}

/* 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;
}

/* Tooltips */

.tool-tip
{
float: left;
background: #ffc;
border: 1px solid #d4d5aa;
padding: 5px;
max-width: 200px;
}

.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;
border-top: 3px solid #de7a7b;
border-bottom: 3px solid #de7a7b;
margin: 0;
padding-left: 40px;
text-indent: 0;
}

/* 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: 0;
padding-left: 40px;
text-indent: 0;
}

/* 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;
margin: 0;
padding-left: 40px;
text-indent: 0;
}

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

/* Component Specific Fixes */

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

.breadcrumbs img
{
margin: 0;
padding: 0;
border: 0;
}

.mceToolbarTop {
white-space: normal;
}

.mceEditor
{
background: none;
}

#archive-list
{
list-style-type: none;
margin: 0;
padding: 0;
}

#archive-list li
{
list-style-type: none;
background-image: none;
margin-left: 0;
padding-left: 0;
}

#navigation
{
text-align: center;
}

.article h3 img
{
border: none;
display: inline;
margin: 0;
padding: 0;
}

.art-footer-text .moduletable
{
border: none;
margin: 0;
padding: 0;
}

.pollstableborder td {
vertical-align: middle;
}

.img_caption.left
{
float: left;
margin-right: 1em;
}

.img_caption.right
{
float: right;
margin-left: 1em;
}

.img_caption.left p
{
clear: left;
text-align: center;
}

.img_caption.right p
{
clear: right;
text-align: center;
}

.img_caption img
{
margin: 0;
}

.contentheading
{

color: #365263;
}

#system-message ul li {
background-image: none;
padding-left: 0;
}

/* Plugin compatilibity. */

/* 152316, DOCman */

.dm_taskbar ul
{
background-image: none;
margin: 0;
padding: 0;
}

.dm_taskbar ul li
{
background-image: none;
}

template.ie6.css
[code]
[code]/* begin Page */

/* Generated with Artisteer version 2.5.0.31067, file checksum is EFF31CAE. */


img
{
filter: expression(artFixPNG(this));
}

/* end Page */

/* begin Box, Sheet */
.art-sheet, .art-sheet-body
{
zoom: 1;
}

.art-sheet-body
{
position: static;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
font-size: 1px;
background: none;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/sheet_s.png&#039;,sizingMethod=&#039;scale&#039;)&quot;);
}

.art-sheet-tl
{
clip: rect(auto 48px 48px auto);
}

.art-sheet-tr
{
left: expression(this.parentNode.offsetWidth-96+&#039;px&#039;);
clip: rect(auto auto 48px 48px);
}

.art-sheet-bl
{
top: expression(this.parentNode.offsetHeight-96+&#039;px&#039;);
clip: rect(48px 48px auto auto);
}

.art-sheet-br
{
top: expression(this.parentNode.offsetHeight-96+&#039;px&#039;);
left: expression(this.parentNode.offsetWidth-96+&#039;px&#039;);
clip: rect(48px auto auto 48px);
}

.art-sheet-tc, .art-sheet-bc
{
width: expression(this.parentNode.offsetWidth-96+&#039;px&#039;);
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/sheet_h.png&#039;,sizingMethod=&#039;scale&#039;)&quot;);
}

.art-sheet-tc
{
clip: rect(auto auto 48px auto);
}

.art-sheet-bc
{
top: expression(this.parentNode.offsetHeight-96+&#039;px&#039;);
clip: rect(48px auto auto auto);
}

.art-sheet-cr, .art-sheet-cl
{
height: expression(this.parentNode.offsetHeight-96+&#039;px&#039;);
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/sheet_v.png&#039;,sizingMethod=&#039;scale&#039;)&quot;);
}

.art-sheet-cr
{
left: expression(this.parentNode.offsetWidth-96+&#039;px&#039;);
clip: rect(auto auto auto 48px);
}

.art-sheet-cl
{
clip: rect(auto 48px auto auto);
}

.art-sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-96+&#039;px&#039;);
height: expression(this.parentNode.offsetHeight-96+&#039;px&#039;);
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/sheet_c.png&#039;,sizingMethod=&#039;scale&#039;)&quot;);
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
width: expression(document.body.clientWidth &gt; 900 ? &quot;100%&quot; : &quot;900px&quot;);
}
/* end Box, Sheet */

/* begin Header */
div.art-header-png
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/header.png&#039;,sizingMethod=&#039;crop&#039;)&quot;);
}
/* end Header */

/* begin Menu */
.art-menu ul
{
width: 1px;
}

.art-menu li.art-menuhover
{
z-index: 10000;
}

.art-menu .art-menuhoverUL
{
visibility: visible;
}

.art-menu .art-menuhoverUL
{
top: 100%;
left: 0;
}

.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 0;
left: 100%;
}


.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 5px;
left: 100%;
}


.art-menu, .art-menu ul, .art-menu ul a
{
height: 1%;
}

.art-menu li.art-menuhover
{
z-index: 10000;
}

.art-menu .art-menuhoverUL
{
visibility: visible;
}

.art-menu .art-menuhoverUL
{
top: 100%;
left: 0;
}

.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 0;
left: 100%;
}


.art-menu li li
{
float: left;
width: 100%;
}

.art-nav
{
zoom: 1;
}

.art-nav .l, .art-nav .r
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/nav.png&#039;,sizingMethod=&#039;crop&#039;)&quot;);
}

.art-nav .l
{
width: expression(this.parentNode.offsetWidth-0+&#039;px&#039;);
}

.art-nav .r
{
left: expression(this.parentNode.offsetWidth-886+&#039;px&#039;);
clip: rect(auto auto auto 886px);
}

/* end Menu */

/* begin MenuItem */
.art-menu a
{
float: left;
}

.art-menu a:hover
{
visibility: visible;
}

.art-menu a .r, .art-menu a .l
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/menuitem.png&#039;,sizingMethod=&#039;crop&#039;)&quot;);
}

.art-menu a .r
{
left: expression(this.parentNode.offsetWidth-412+&#039;px&#039;);
clip: rect(auto auto auto 406px);
}

.art-menu a .l
{
width: expression(this.parentNode.offsetWidth-6+&#039;px&#039;);
}

.art-menuhover .art-menuhoverA .t
{
color: #FBFDFE;
}

.art-menuhover .art-menuhoverA .l, .art-menuhover .art-menuhoverA .r
{
top: -25px;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
font-size: 1px;
zoom: 1;
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/menuseparator.png&#039;,sizingMethod=&#039;crop&#039;)&quot;);
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
color: #04080B !important;
}

.art-menu ul a:hover {
color: #FFFFFF !important;
}

.art-menu ul .art-menuhover .art-menuhoverA
{
color: #FFFFFF !important;
border-color: #203050;
background-position: 0 -26px;
}

.art-nav .art-menu ul a:hover span, .art-nav .art-menu ul a:hover span span
{
color: #FFFFFF !important;
}

.art-nav .art-menu ul .art-menuhover .art-menuhoverA span, .art-nav .art-menu ul .art-menuhover .art-menuhoverA span span
{
color: #FFFFFF !important;
}

/* end MenuSubItem */

/* begin Layout */
div.art-content-layout
{
display: block;
zoom: 1;
overflow: hidden;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock, .art-vmenublock-body
{
zoom: 1;
}

.art-vmenublock-body
{
position: static;
}
/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader
{
zoom: 1;

}

.art-vmenublockheader .l, .art-vmenublockheader .r
{
background: none;
behavior: expression(this.runtimeStyle.filter?&#039;&#039;:this.runtim eStyle.filter=&quot;progid:DXImageTransform.Microsoft.A lphaImageLoader(src=&#039;&quot; + artGetStyleUrl()+&quot;../images/vmenublockheader.png&#039;,sizingMethod=&#039;crop&#039;)&quot;);
}

.art-vmenublockheader .r
{
left: expression(this.parentNode.offsetWidth-886+&#039;px&#039;);
clip: rect(auto auto auto 861px);
}

.art-vmenublockheader .l
{
width: expression(this.parentNode.offsetWidth-25+&#039;px&#039;);
}
/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent, .art-vmenublockcontent-body
{
zoom: 1;
}

.art-vmenublockcontent-body
{
position: static;
}
.art-vmenublockcontent, .art-vmenublockcontent-body
{
zoom: 1;
}

.art-vmenublo

firoozmandan
01-15-2011, 10:10 AM
سلام

لینک سایتنون رو لطف کنید بذارید تا دقیقا خدمتتون عرض کنم کجا رو ادیت کنید

یا علی

emad.h
01-15-2011, 08:30 PM
سلام .

اینو جایگزین کن و تست کن . البته آقای فیروزمندان گفتن : لینک هم بزارید /

فایل template.css هست . جایگزین کن و ببین چجور میشه .


<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

**
هایپرلینک اصلاح شد.

Devil Jin
01-16-2011, 12:13 PM
سلام .

اینو جایگزین کن و تست کن . البته آقای فیروزمندان گفتن : لینک هم بزارید /

فایل template.css هست . جایگزین کن و ببین چجور میشه .


<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>


سلام
آدرس سایت اینه

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
فقط یه سوال داشتم:
من با مقایسه ی فایل اصلی با فایلی که شما زحمتشو کشیدی فهمیدم که هر جا عبارت text-align: left; وجود داشته به text-align: right; تغییر کرده ;)
حالا میخوام بدونم آیا قسمت دیگه ای رو هم تغییر دادید؟
با این فایل مشکل راست چین شدن حل شد ولی یه مشکل دیگه پیدا شد و اون هم اینه که قسمتهایی که مشخص کردم فونتشون بزرگتر شده !!!
اگه باید قسمتی رو تغییر بدم بفرمایید تا خودم این کار رو انجام بدم (شاید یاد گرفته باشم تغییر بدم)

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

راستی شما مرجع یا فایل آموزشی برای یاد گیری CSS دارید تا به من معرفی کنید ؟
ممنون از لطفتون O0

**
هایپرلینک اصلاح شد.

emad.h
01-17-2011, 05:22 AM
سلام

اینو جایگزین کن مشکل فونتها برطرف میشه . اما لینک سایتی که گذاشتی غیر فعاله که !!!!



<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

**
هایپرلینک اصلاح شد.

sleeper66
01-24-2011, 01:01 AM
دروود

طراحی قالب جوملا با نرم افزار آرتیستیر در 10 قدم (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)


سلام . از زحمات شما سپاسگذارم.
ممكنه يه نرم افزار براي فارسي سازي قالب جوملا و راست نويس كردن به من معرفي كنيد ؟
آرتيستير آپشن راست نويس داخل سايدبار نداره.
تاپيك مربوطه رو خوندم. از طريق اديت سي اس اس.
اما اگه نرم افزار خاصي هست ممنون ميشم كه اون رو معرفي كنيد.
خيلي ضروريه .
يا حق

firoozmandan
01-24-2011, 06:41 AM
سلام

شما میتونید از Dream Weaver برای این مورد استفاده کنید

یا علی

mersad
01-24-2011, 09:54 AM
دروود
برای کمک بیشتر میتونید از افزونه های فایر فاکس مثل firebug و یا webdeveloper استفاده کنید

شاد و سلامت در پناه ایزد

محمود مراديان
01-26-2011, 03:35 PM
زياد براي اين كار نيازي به دونستن html يا css نيست.
فايل template.css رو باز كن.توي notepad معمولي.
براي جست و جوي كلمات Ctrl+F رو بزن.
حالا به دنبال خواص Aling و ّFloat بگرد.
هرجا مقدار اين 2 تگ Left بود اون رو به Right تغيير بده . حواس باشه اونايي كه Center يا چيز ديگه هستن رو تغيير ندي.
من خودم هم با آرتيستر اين مشكل رو داشتم.همين كار رو كردم و حل شد.
يا علي