در مورد طراحی قالب [بایگانی] - انجمن جوملا فارسی

amirdorna2

07-24-2007, 03:19 PM

سلام .
من اولین تجربه ام هست که می خوام با یک قالب کار کنم .
من یک سایتی رو دانلود کردم و می خوام از قالبش استفاده کنم .صفحه اصلی اش html هست . ولی فولدر های css رو داره و توش چندتا فایل هست . البته یکسریش که جاوا بود که حذفشون کردم . ولی 3 تا فایل داره که برای قالب ظاهرا" لازمه :
یکیش : suckerfish.css هست
دومیش: template_css
سومیش: style1.css
هر کدوم رو که لینکش رو توی سورس پاک می کنم . صفحه درست نمایش داده نمی شه .
حالا ،
آیا باید همه رو ادغام کنم توی یک فایل template _ css یا اینکه همشون رو می تونم نگه دارم ؟

amirdorna2

07-24-2007, 03:45 PM

در ضمن قسمت آموزش ساخت فایل استایل در سایت مامبولرن فکر می کنم که ایراد داره . تصاویر نشون داده نمی شوند .

نوید

07-24-2007, 04:32 PM

دوست من ما که نمیدونیم داخل فایل شما از هر css چه استفاده ای کرده
قالب مامبو یک قالب html است که فقط موقعیت ماژول بهش اضافه شده
اولین کار برای طراحی قالب از یک سایت دیگه
1- ابتدا فایلو ذخیره کنید
2- یک پوشه در شاخه templates بسازید
3- محتویات فایل ذخیره شده را در فایل indrx.php قرار دهید
4- لینک تصاویر را اصلاح کنید
5- لینک فایل css را اصلاح کنید
و .....
باید کمی تجربه داشته باشید
البته می تونید بدید که براتون این کار را انجام بدن
موفق باشید

amirdorna2

07-24-2007, 04:42 PM

والا من درخواست به ایمیل سایت دادم برای طراحی قالب ولی برای کسب تجربه روی یک قالب خودم شروع کردم .
توی فایل style1 نوشته

#bg {
background-color: #08556F;
}
a:link, a:visited {
color: #07546E;
}
a:hover {
color: #199dd1;
}
div#toparea {
background-color: #000;
border-bottom: 1px solid #06455f;
}
table#contentwrap {
background-color: #fff;
}
table#downarea {
background: url('../images/style1/bg.png') repeat-x 0 top;
background-color: #000;
border-bottom: 1px solid #1D4251;
}
.spacer {
background: url('../images/style1/footer_separator.png') no-repeat left 19px;
}
td#insetwrap {
background-color: #e8f2f8;
}
div.shadow-l {
background: url('../images/style1/inset_module.png') no-repeat 0 0;
}
div.shadow-r {
background: url('../images/style1/inset_module-r.png') no-repeat 0 0;
}
td#rightwrap {
background-color: #f2f3f3;
}
div#memberarea {
background: url('../images/style1/icon-memberarea.png') no-repeat 10px 50%;
color: #fff;
}
div#memberarea form input.button, div#searcharea form input.button {
background: transparent url('../images/style1/button_marea.png') no-repeat 0 100%;
color: #fff;
}
div#memberarea form input.button:hover, div#searcharea form input.button:hover {
color: #199dd1;
}
div#memberarea form input.button:active, div#searcharea form input.button:active {
color: #fff;
}
div#searcharea input.inputbox {
background: #fff url('../images/style1/icon-search.png') no-repeat 100% 50%;
}
div#header {
background: #000 url('../images/style1/bg_head.jpg') repeat-x 0 0;
}
div#imghead {
background: url('../images/style1/bg_header.jpg') no-repeat 0 0;
}
div#menu {
background: url('../images/style1/bg_menu.png') repeat-x 0 0;
}
div#footer {
background: url('../images/style1/bg_footer.gif') repeat-x 0 0;
color: #199dd1;
}
div#footer span#info a {
color: #199dd1;
}
/* MODULETABLE
------------------------------------------------------------------------------------------ */

div.moduletable, div.moduletable-black, div.moduletable-gkmod, div.moduletable-clear, div.moduletable-advert {
color: #312E2E;
}
div.moduletable-advert {
border: 1px solid #d8d7d7;
}
div.moduletable-clear {
color: #312E2E;
}
div.moduletable h3, div.moduletable-black h3, div.moduletable-gkmod h3 {
background: url('../images/style1/bg_module-h3.png') repeat-x -15px 0;
color: #0b3745;
}
div.moduletable-advert h3 {
background-color: #fff;
color: #9F9F9F;
}
div.moduletable-clear h3 {
background: none;
color: #0b3745;
}
div.moduletable-black {
color: #fff;
background-color: #000;
}
div.moduletable-black h3 {
background: url('../images/style1/bg_black_module-h3.png') repeat-x -15px 0;
color: #fff;
}
div.moduletable-black a:link, div.moduletable-black a:visited {
color: #199dd1;
}
div.moduletable-black a:hover {
color: #07546E;
}
#insetwrap div.moduletable h3 {
background: url('../images/style1/bg_inset_module-h3.png') repeat-x -15px 0;
}
#rightwrap div.moduletable h3 {
background: url('../images/style1/bg_right_module-h3.png') repeat-x -15px 0;
}
#downarea div.moduletable {
color: #fff;
}
#downarea div.moduletable h3 {
background: none;
color: #199dd1;
}
#downarea a:link, #downarea a:visited, #newsflasharea a:link, #newsflasharea a:visited {
color: #199dd1;
}
#downarea a:hover, #newsflasharea a:hover {
color: #07546E;
}
/*JOOMLA CLASSES
-----------------------------------------------------------------------------------------*/
.contentheading {
color: #084B5E;
}
.contentheading a:link, .contentheading a:visited {
color: #084B5E;
}
.contentheading a:hover {
color: #199dd1;
}
.contentpaneopen h2 {
color: #030709;
}
.small, .modifydate, .createdate, .mosimage_caption {
color: #000;
}
.smalldark {
color: #0c3642;
}
.sectiontableentry1, .sectiontableentry2 {
border-bottom: 1px solid #a1b9c9;
}
.componentheading {
color: #084b5e;
}
table.contenttoc {
background-color: #fff;
border-left: 1px solid #a1b9c9;
}
.sectiontableheader {
border-bottom: 1px solid #B8D2E4;
border-top: 1px solid #B8D2E4;
color: #fff;
background-color: #000;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
border-bottom: 1px solid #b3d2e4;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
background-color: #eff5f8;
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
background-color: #dde9f0;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background-color: #e8f2f8;
}
.highlight {
background-color: #ffff99;
}
table.pollstableborder img, table.pollstableborder-blue img, table.pollstableborder-bdark img, table.pollstableborder-beige img {
vertical-align: baseline;
}
a.readon {
background: transparent url('../images/style1/bg_button.png') no-repeat 0 0;
color: #fff;
}
div.back_button a {
background: transparent url('../images/style1/bg_back.png') no-repeat 0 0;
color: #fff;
}
div.back_button a:active {
color: #fff;
}
/* typography */
span.color {
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
background-color: #E8F2F8;
}
span.color-1 {
background-color: #E8F2F8;
border-left: 4px solid #084B5E;
color: #084B5E;
}
/* NEWS MODULES CLASSES
------------------------------------------------------------------------------------------ */

/*NS 1.0 SE*/
img.gk_ns_image {
background-color: #edf3f5;
border: 1px solid #d8e1e5;
}
div.moduletable-black img.gk_ns_image, table#downarea img.gk_ns_image {
background-color: #17323c;
border: 1px solid #1f4452;
}
/*News Column*/

div.gk_news_column_col h3 {
background: none;
border: none;
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
background-color: #E8F2F8;
}
/*FCS 3.0*/

a.gk_fcs_news_image_link {
border: none;
}
img.gk_fcs_image {
border: 1px solid #F2F3F3;
}
ul.gk_ns_rest_news_floated {
background-color: #E8F2F8;
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
}
div.fcs3_panel img {
border: 1px solid #B8D2E4;
}
div.fcs3_options img {
border: 1px solid #B8D2E4;
}
/*News Slider 1.0*/

img.gk_ns10_image {
background-color: #edf3f5;
border: 1px solid #d8e1e5;
}
div.moduletable-black img.gk_ns10_image {
background-color: #17323c;
border: 1px solid #1f4452;
}
div.ns10_panel img {
border: 1px solid #B8D2E4;
}
/*SUCKERFISH MENU
----------------------------------------------------------------------*/

#nav a {
color: #fff;
}
#nav li.active a {
color: #199dd1;
background-color: #000;
}
#nav li a:hover {
}
#nav li li a {
background: none;
color: #939393;
}
#nav ul li ul li a:hover {
background: none;
}
#nav ul li a:hover, #nav ul li ul li ul li a:hover {
color: #199dd1;
}
#nav li li {
background: none;
border-bottom: 1px solid #252121;
}
#nav ul ul a {
color: #ffffff;
}
#nav li {
background: none;
}
#nav li ul {
border-right: 1px solid #000;
border-left: 1px solid #000;
}
#nav li:hover, #nav li.sfhover {
background-color: #000;
}
#nav li:hover a, #nav li.sfhover a {
color: #fff;
}
#nav li li:hover a, #nav li li.sfhover a {
color: #fff;
}
#nav li li:hover a:hover, #nav li li.sfhover a:hover {
color: #199dd1;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
background: #000;
}

توی فایل دوم نوشته

#toolbar {}
#nav {
margin: 0;
padding:0;
height: 33px;
}
#nav a {
text-transform: uppercase;
font-size: 10px;
color: #fff;
float: left;
text-decoration: none;
font-weight: bold;
display: block;
cursor: pointer;
line-height: 33px;
padding: 0 15px;
}
#nav a.topdaddy,
#nav li a {
background: url(../images/np_maj_menu_bullet.png) no-repeat 100% 0;
}
#nav li.active a {
color: #199dd1;
background-color: #000;
}
#nav li a:hover{}
#nav li li a{
background: none;
font-size: 10px;
font-weight: bold;
padding: 0;
text-indent: 10px;
text-transform: uppercase;
color: #939393;
line-height: 33px;

}
#nav ul li ul li a:hover{
background: none;
}
#nav ul li a:hover,
#nav ul li ul li ul li a:hover {
color: #199dd1;
}
#nav, #nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li li {
padding: 0;
background: none;
border-bottom: 1px solid #252121;
}

#nav a {}

#nav ul ul a {
display: block;
color: #ffffff;
text-decoration: none;
width: 167px;
text-transform: uppercase;
font-size: 0.9em;
text-align: left;

}

#nav li {
float: left;
padding: 0;
background: none;
height: 33px;

}
#nav ul li {
position: relative;
}
#nav li ul {
top: 33px;
position: absolute;
left: -999em;
height: auto;
width: 170px;
font-size: 10px;
font-weight: bold;
border-width: 0;
margin: 0;
padding: 0;
border-right: 1px solid #000;
border-left: 1px solid #000;

}
#nav ul {
padding: 0;
margin: 0;
margin-left: 2px;
}
#nav li li {
float: left;
padding: 0;
width: 170px;
}

#nav li ul ul {
margin: -33px 0 0 170px;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
z-index: 100;
left: 0;
}
#nav li:hover, #nav li.sfhover {
left: 0;
background-color: #000;
}
#nav li:hover a, #nav li.sfhover a {
color: #fff;
}
#nav li li:hover a, #nav li li.sfhover a {
color: #fff;
}
#nav li li:hover a:hover, #nav li li.sfhover a:hover {
color: #199dd1;
}
#nav a {}
#nav ul ul a {
background: none;
}
#nav li.active {}
#nav li li.active {
background: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
background: #000;
}

توی فایل تمپلیت هم نوشته

html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#bg {
font: normal 12px Arial, Helvetica, sans-serif;
}
.clearfix {
clear: both;
}
form {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
margin: 10px 0;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
list-style-type: disc;
margin-left:13px;
}
ul li {
}
ol {
margin-top: 5px;
margin-bottom: 15px;
}
ol li {
margin-left: 0;
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 140%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
p {
margin: 10px 0 10px;
font-size: 100%;
}
th {
padding: 4px;
font-weight: bold;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px Arial, Helvetica, sans-serif;
}
a img {
border: none;
}
td, div {
font-size: 12px;
}
/* MAJOR BLOCKS
-------------------------------------------------------------------------------*/
div.wrapper {
width: 999px;
margin: 0 auto;
padding: 0;
}
div#pagewrap {
width: 989px;
margin: 0 auto;
padding: 0;
}
div#toparea {
width: 100%;
height: 28px;
padding: 0;
}
table#contentwrap {
width: 100%;
margin: 0;
padding: 0;
}
table#mainbodywrap {
padding: 0 0 0 8px;
width: 100%;
overflow: hidden;
}
table#downarea {
width: 100%;
margin: 0;
padding: 8px;
padding-top: 20px;
}
.spacer {
}
td#mainbodycont {
overflow: hidden;
}
td#insetwrap {
overflow: hidden;
width: 30%;
margin: 0;
padding: 0;
}
div.shadow-l {
width: 8px;
height: 125px;
}
div.shadow-r {
width: 8px;
height: 125px;
}
div.shadow-n {
width: 8px;
}
.null-1 {
width: 8px;
}
div.null-0 {
width: 0px;
}
td#rightwrap {
overflow: hidden;
width: 25%;
margin: 0;
padding: 0;
}
td.moduliki-full {
overflow: hidden;
width: 100%;
}
div#newsflasharea {
float: right;
width: 468px;
color: #fff;
height: 60px;
margin-top: 12px;
overflow: hidden;
}
/* MEMBER LOGIN AREA
------------------------------------------------------------------------------------------ */
div#memberarea {
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
margin-top: 4px;
padding-left: 20px;
}
div#memberarea label {
padding-left: 20px;
}
div#memberarea input, div#searcharea input {
border: 0px;
padding-left: 3px;
}
div#memberarea form input.button, div#searcharea form input.button {
width: 57px;
height: 19px;
line-height: 22px;
padding: 0 0 0 1px;
margin-left: 10px;
}
div#memberarea form input.button:hover, div#searcharea form input.button:hover {
text-decoration: none;
}
div#memberarea form input.button:active, div#searcharea form input.button:active {
}
/* SEARCH AREA
------------------------------------------------------------------------------------------ */
div#searcharea {
float: right;
margin: 4px 10px 0 0;
}
div#tools {
float: right;
margin: 9px 10px 0 0;
}
div#searcharea form input.button {
margin-left: 5px;
color: #fff;
}
div#searcharea input.inputbox {
background: #fff url('../images/sportmx_icon-search.png') no-repeat 100% 50%;
}
/* STYLE SWITCHER
------------------------------------------------------------------------------------------ */
div#stylearea {
float: left;
margin-top: 8px;
padding-left: 20px;
}
.style_switcher {
margin-right: 4px;
}
#st_icon-0, #st_icon-1, #st_icon-2, #st_icon-3 {
display: block;
float: left;
width: 16px;
height: 13px;
}
#st_icon-0 {
background: url('../images/icon_change-style.png') no-repeat 100% 50%;
}
#st_icon-1 {
background: url('../images/icon-style1.png') no-repeat 100% 50%;
}
#st_icon-2 {
background: url('../images/icon-style2.png') no-repeat 100% 50%;
}
#st_icon-3 {
background: url('../images/icon-style3.png') no-repeat 100% 50%;
}

/* HEADER
------------------------------------------------------------------------------------------ */
div#header {
width: 100%;
padding: 0;
}
div#imghead {
display: block;
height: 112px;
width: 989px;
margin: 0 auto;
padding: 0;

}
#imghead a {
float: left;

}
/* LOGO
------------------------------------------------------------------------------------------ */
#logo {
margin: 43px 0 0 18px;
width: 246px;
height: 47px;
}
div#menu {
position: relative;
width: 100%;
height: 42px;
margin-top: -10px;
}
/* SETUP USERS AREA (MODULES)
---------------------------------------------------------------------------------------- */
.moduliki {
overflow: hidden;
width: 50%;
}
.moduliki-l {
overflow: hidden;
float: left;
}
.moduliki-r {
overflow: hidden;
float: right;
}
.moduliki-l div.moduletable, .moduliki-r div.moduletable {
margin: 0;
}
/* FOOTER
-------------------------------------------------------------------------------------------*/
div#footer {
width: 100%;
height: 47px;
margin: 0;
padding-top: 4px;
}
div#footer span {
float: left;
}
div#footer span#info {
float: left;
margin-left: 10px;
text-align: left;
font-size: 10px;
}
div#footer span#info a {
font-size: 10px;
}
/* MODULETABLE
------------------------------------------------------------------------------------------ */

div.moduletable, div.moduletable-black, div.moduletable-gkmod, div.moduletable-clear, div.moduletable-advert {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 10px 10px 15px 10px;
margin: 0 0 10px 0;
}
div.moduletable-advert {
text-align: center;
padding: 4px 4px 4px 4px;
}
div.moduletable-clear {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
}
div.moduletable-gkmod {
padding: 0 2px 15px 2px;
margin: 0 0 10px 0;
}
div.moduletable h3, div.moduletable-black h3, div.moduletable-gkmod h3 {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: -10px -15px 0 -10px;
}
div.moduletable-advert h3 {
font: normal 10px Arial, Helvetica, sans-serif;
margin: -5px 0 0 0;
width: 80px;
line-height: 10px;
float: right;
}
div.moduletable-clear h3 {
background: none;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: 0px -15px 0 -10px;
}
div.moduletable-gkmod h3 {
line-height: 25px;
padding: 0 15px 0 10px;
margin: -1px -15px 0 -10px;
}
div.moduletable-black {
}
div.moduletable-black h3 {
}
div.moduletable-black a:link, div.moduletable-black a:visited {
}
div.moduletable-black a:hover {
}
#insetwrap div.moduletable, #insetwrap div.moduletable-black {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#rightwrap div.moduletable {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#insetwrap div.moduletable h3, #rightwrap div.moduletable h3, #insetwrap div.moduletable-black h3 {
margin-left: 0;
padding: 0 15px 0 10px;
margin: -10px -9px 0.5em -9px;
}
#insetwrap div.moduletable h3 {
}
#rightwrap div.moduletable h3 {
}
#downarea div.moduletable {
}
#downarea div.moduletable h3 {
background: none;
}
td#mainbodywrap .moduliki-l {
float: left;
}
td#mainbodywrap .moduliki-r {
float: right;
}
/* JOOMLA STYLES
------------------------------------------------------------------------------------------ */
.contentheading, .componentheading, .contentpaneopen h2 {
font: bold 16px Arial, Helvetica, sans-serif;
}
.contentheading a:link, .contentheading a:visited {
font: bold 16px Arial, Helvetica, sans-serif;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
font: bold 10px Arial, Helvetica, sans-serif;
}
a.readon {
font: bold 12px Arial, Helvetica, sans-serif;
}
table.contenttoc th {
font: normal 12px Arial, Helvetica, sans-serif;
}
.sectiontableheader {
font: bold 12px Arial, Helvetica, sans-serif;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
padding: 0 2px;
font: normal 12px Arial, Helvetica, sans-serif;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}
div#newsflash table td {
font: normal 12px Arial, Helvetica, sans-serif;
}
.contentheading {
}
.contentheading a:link, .contentheading a:visited {
text-decoration: none;
}
.contentheading a:hover {
}
.contentpaneopen h2 {
padding: 0;
margin: 0;
}
.small, .modifydate, .createdate, .mosimage_caption {
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.modifydate {
padding-top: 6px;
}
div.pagenavcounter {
float: right;
}
.mosimage_caption {
padding-top: 3px;
padding-bottom: 3px;
}
.sectiontableentry1, .sectiontableentry2 {
}
.componentheading {
text-align: left;
margin-bottom: 10px;
}
table.blog span.article_seperator {
display: block;
height: 15px;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0px 0 12px 0;
width: 200px;
}
table.contenttoc td {
padding: 1px 5px 2px 18px;
}
table.contenttoc td a:link, table.contenttoc td a:visited {
}
table.contenttoc td a:hover {
}
table.contenttoc th {
padding: 2px 4px;
text-indent: 15px;
text-align: left;
font-size: 14px;
}
.contentpaneopen {
width: 100%;
}
.contentpaneopen1 {
width: 100%;
}
table.contentpane {
width: 100%;
margin-bottom: 30px;
}
.sectiontableheader {
line-height: 29px;
padding: 0 10px;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
}
.highlight {
}
.contentpane {
width: auto;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder, table.pollstableborder-blue, table.pollstableborder-bdark, table.pollstableborder-beige {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img, table.pollstableborder-blue img, table.pollstableborder-bdark img, table.pollstableborder-beige img {
vertical-align: baseline;
}
table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder-black td.sectiontableentry1-black, table.pollstableborder-black td.sectiontableentry2-black, table.pollstableborder-gkmod td.sectiontableentry1-gkmod, table.pollstableborder-gkmod td.sectiontableentry2-gkmod, table.pollstableborder-clear td.sectiontableentry1-clear, table.pollstableborder-clear td.sectiontableentry2-clear, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td, table.pollstableborder-black tr.sectiontableentry1-black td, table.pollstableborder-black tr.sectiontableentry2-black td, table.pollstableborder-gkmod tr.sectiontableentry1-gkmod td, table.pollstableborder-gkmod tr.sectiontableentry2-gkmod td, table.pollstableborder-clear tr.sectiontableentry1-clear td, table.pollstableborder-clear tr.sectiontableentry2-clear td {
border-bottom: none;
height: 20px;
padding-left: 5px;
padding-right: 10px;
line-height: 18px;
background: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important;
}
.adminform .inputbox {
}
a.readon {
margin-top: 15px;
display: block;
float: left;
width: 117px;
height: 31px;
line-height: 25px;
padding-left: 30px;
font-size: 11px;
}
a.readon:hover {
text-decoration: underline;
}
div.back_button a {
margin: 15px 0 15px 0;
display: block;
float: left;
width: 86px;
height: 23px;
line-height: 18px;
padding-left: 32px;
}
div.back_button a:hover {
text-decoration: underline;
}
div.back_button a:active {
}
.button, .button:hover {
}
.button:active, .button:focus {
}
/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */

/* typohraphy */
span.beige, span.black, span.clear, span.color, span.color-1 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.beige {
background-color: #F2F3F3;
border-top: 1px solid #c8c6c6;
border-bottom: 1px solid #c8c6c6;
color: #000;
}
span.black {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
span.clear {
background-color: #fff;
border: 1px solid #d8d7d7;
}
blockquote {
background: transparent url('../images/quoleft.gif') no-repeat 0 0;
}
blockquote div {
background: transparent url('../images/quoright.gif') no-repeat right bottom;
padding: 0 30px;
}
/* NEWS MODULES CLASSES
------------------------------------------------------------------------------------------ */

/*NS 1.0 SE*/
div.gk_news_show {
}
div.gk_ns_first_news_container {
}
a.gk_ns_first_news_image_link {
}
img.gk_ns_image {
padding: 2px;
margin-right: 6px;
margin-bottom: 2px;
}
div.moduletable-black img.gk_ns_image {
}
a.gk_ns_first_news_title_link {
}
h4.gk_ns_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns_first_news_text_link {
}
p.gk_ns_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns_first_news_readmore {
}
ul.gk_ns_rest_news {
}
li.gk_ns_rest_news_pos {
}
a.gk_ns_rest_news_pos_link {
}
/*News Column*/
div.gk_news_column {
}
div.gk_news_column_col {
margin-right: 7px;
padding-bottom: 15px;
}
div.gk_news_column_col h3 {
margin: 0 -10px 10px 0;
padding: 0;
background: none;
border: none;
height: 20px;
line-height: 20px;
}
div.gk_news_column_col h3 a {
margin: 0;
padding: 0 6px 3px 6px;
width: 100%;
}
div.gk_nc_first_news_container {
}
a.gk_nc_first_news_image_link {
}
gk_nc_first_news_container img.gk_ns_image {
margin: 0;
padding: 0;
}
a.gk_nc_first_news_title_link {
}
h4.gk_nc_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_nc_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_nc_first_news_text_link {
}
p.gk_nc_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_nc_first_news_readmore {
}
ul.gk_nc_rest_news {
}
li.gk_nc_rest_news_pos {
}
a.gk_nc_rest_news_pos_link {
}
/*FCS 3.0*/
div.gk_fcs {
}
div.gk_fcs_news_container_main {
overflow:hidden;
}
div.gk_fcs_news_container {
margin-bottom: 20px;
}
a.gk_fcs_news_image_link {
border: none;
}
img.gk_fcs_image {
}
a.gk_ns_fcs_news_title_link {
}
h4.gk_fcs_news_header {
padding: 0;
}
h5.gk_fccs_news_info {
}
a.gk_fcs_news_text_link {
}
p.gk_fcs_news_content {
}
a.gk_fcs_news_readmore {
}
ul.gk_fcs_rest_news {
}
ul.gk_ns_rest_news_floated {
padding: 2px;
margin-left: 0px;
}
li.gk_fcs_rest_news_pos {
}
li.gk_fcs_rest_news_pos_floated {
display: inline;
list-style: circle;
}
a.gk_fcs_rest_news_pos_link {
padding: 2px;
font-size: 11px;
}
li.link_active {
font-weight: bold;
}
div.fcs3_panel {
text-align: right;
float: left;
margin-top: 4px;
height: 9px;
}
div.fcs3_options {
float: left;
margin-top: 4px;
margin-left: 3px;
height: 9px;
}
.prev_button, .next_button, .play_button, .pause_button {
padding-top: 1px;
}
.tools_button {
padding-left: 5px;
padding-top: 0px;
}
div.fcs3_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: left;
line-height: 9px;
padding: 2px;
}
div.fcs3_options img {
cursor: pointer;
margin: 3px;
margin-bottom: 0px;
padding: 2px;
line-height: 9px;
}
/*News Slider 1.0*/
div.gk_ns10 {
}
div.gk_ns10_news_container_main {
overflow:hidden;
}
div.gk_ns10_news_container {
margin-right: 4px;
}
a.gk_ns10_news_image_link {
}
img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
}
div.moduletable-black img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
}
a.gk_ns_ns10_news_title_link {
}
h4.gk_ns10_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns10_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns10_news_text_link {
}
p.gk_ns10_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns10_news_readmore {
}
div.ns10_panel {
text-align: right;
float: left;
}
div.ns10_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: left;
padding: 2px;
line-height: 9px
}
div.ns10_panel img.ns_next_button {
}
div.ns10_panel img.ns_prev_button {
}

من می خوام بدونم برای اینکه قالب مناسب مامبو بسازم باید این سه تا فایلو با هم تلفیق کنم یا در هنگام نصب اگر سه تا فایل css داشته باشه مشکلی پیش نمی یاد .

نوید

07-24-2007, 04:47 PM

متن فایل html را بزارید تا بهتون بگم

amirdorna2

07-24-2007, 04:53 PM

اینم html ولی چند تا از کدهای پی اچ پی رو توش اضافه کردم در حد 10 خط اول

<?php echo "<?xml version=\"1.0\"?".">"; ?>
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
<html xmlns="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
<head>

<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<META <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> content="text/html; charset=utf-8">
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/suckerfish.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/style1.css" rel="stylesheet" type="text/css" />
</head>
<body id="bg">
<div id="toparea">
<div class="wrapper">
<div id="searcharea"> <td dir="rtl"><form action="index.php" method="post">
<div class="search" align="center">
<input class="inputbox" type="text" name="searchword" size="25" value="search" onblur="if(this.value=='') this.value='search';" onfocus="if(this.value=='search') this.value='';" />
</div>
<input type="hidden" value="search" name="option" />
</form>

</div>
</div>
</div>
<div id="header">
<div id="imghead"><a href="default.htm"><img id="logo" src="images/logo.png" alt="Sportmaxum - GavickPro" /> </a>
</div>
</div>
<div class="wrapper">
<div id="pagewrap">
<div id="menu">
<div id="nav">

<ul>
<li class='active'><a href="">shfghdfghdghdfghHome</a></li>
</ul>
</div>
</div>
<table cellpadding="0" cellspacing="0" id="contentwrap">
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" id="mainbodywrap">
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" width="100%" class="clearfix">
<tr valign="top">
<td class="moduliki-full"> <div class="gk_fcs_news_container_main2">
<div class="gk_fcs_news_container" style="height: 320px;width: 410px;">
<p class="gk_fcs_news_content">&nbsp;</p>
</div>

<div class="gk_fcs_news_container" style="height: 320px;width: 410px;">
<p class="gk_fcs_news_content">&nbsp;</p>
</div>

<div class="gk_fcs_news_container" style="height: 320px;width: 410px;">
<p class="gk_fcs_news_content">&nbsp;</p>
</div>

<div class="gk_fcs_news_container" style="height: 320px;width: 410px;">
<p class="gk_fcs_news_content">&nbsp;</p>
</div>

<div class="gk_fcs_news_container" style="height: 320px;width: 410px;">
<p class="gk_fcs_news_content">&nbsp;</p>
</div>
</div>

<ul class="gk_ns_rest_news_floated">
<li class="gk_fcs_rest_news_pos_floated"></li>
</ul>

</td>
</tr>
<tr valign="top">
<td class="moduliki-full"> <div class="moduletable-advert">
<h3>&nbsp;</h3>
</div>
</td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td class="moduliki-full clearfix"> <div class="moduletable-gkmod">

<div class="gk_news_column" style="">

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>
<div style="clear:both;width:100%;"></div>
<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>
</div>

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>
<div style="clear:both;width:100%;"></div><div style="clear:both;width:100%;"></div></div> </div>
</td>
</tr>
<tr valign="top">
<td id="mainbodycont">&nbsp;</td>
</tr>
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" width="100%" class="clearfix">
<tr valign="top">
<td class="moduliki" style="width: 100%;"> <div class="moduletable-gkmod">
<div class="gk_ns10">
<div class="gk_ns10_news_container_main" id="ns10_overflown" style="height: 233px;width: 205px;">
<div class="gk_ns10_news_container_main2">
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;">
<p class="gk_ns10_news_content">&nbsp;</p>
</div>
</div>
</div>
</div> </td>
</tr>
</table>

</td>
</tr> </table></td>
<td class="null-1"><div class="shadow-l"></div></td>
<td id="insetwrap"> <div class="moduletable-black">
<h3>&nbsp;</h3>
<br /><div style="text-align: center"></div>
</div>
<div class="moduletable-clear">
<div style="text-align: center"></div> </div>
<div class="moduletable"></div>
<div class="moduletable-clear">
<div style="text-align: center"></div> </div>
<div class="moduletable"></div>
</td>
<td class="null-1"><div class="shadow-r"></div></td>
<td id="rightwrap"> <div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">
<a href="" class="gk_ns_first_news_title_link"></a> </h4>
<h5 class="gk_ns_first_news_info">&nbsp;</h5>
</div>

</div>
</div>
<div class="moduletable-black">

</div>
<div class="moduletable">
<h3>&nbsp;</h3>
</div>
</td>
<td class="null-1"><div class="null-1"></div></td>
</tr>
</table>
<div class="clearfix"></div>
<table cellpadding="0" cellspacing="0" id="downarea">
<tr valign="top">
<td> <div class="moduliki-l" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="clearfix"></div>
</td>
</tr>
</table>
<div id="footer"><span id="info">

<br />

</div>
</div>
</div>
</body>
</html>

البته زمانی که این فایل رو بصورت html که اجرا می کنم ، تولبار زردی که میاد و میگه که یک activex و یا ... در حال اجراست که من توی کد نفهمدیم ماله کجاشه اگه ممکنه اون رو هم بهم بگین
ممنون

amirdorna2

07-24-2007, 05:59 PM

البته من قسمت ادیت رو توی انجمن پیدا نکردم .
این فایل هنوز به شکل html هست و فقط چندتا از کدهای php توش اضافه شده

amirdorna2

07-24-2007, 06:40 PM

میشه لطفا" به من بگید چکار باید بکنم ؟

sorry4uboth

07-24-2007, 06:49 PM

آقای امیر حسین!!

1 سوال!

هنوز 1 ساعت شده که 4 تا تاپیک پشت سر هم زدی؟؟؟

ما اینجا چی هستیم؟ یه ابر کامپیوتر علاف؟ یا یه آدم؟!

نوید

07-24-2007, 07:13 PM

شما باید هر 3 فایل CSS را نگه دارید:
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/suckerfish.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/style1.css" rel="stylesheet" type="text/css" />

توصیه میکنم با یکدیگر ادغامشون نکنید
[hr]
با دیدن کد قالب water&stone می تونید قالب مربوطه را ایجاد کنید
در وسط قالب که محتوا قرار گرفته باید کد mainbody را قرار بدید تا محتوا را نمایش بدهد و .....
متاسفانه بحث خیلی گسترده هستش و امکان راهنمایی به صورت نوشتاری خیلی مشکل

amirdorna2

07-24-2007, 07:16 PM

آقا بازم ممنون .

amirdorna2

07-26-2007, 09:50 AM

بازم سلام
من توصیه آقا نوید رو گوش نکردم . البته برای کسب تجربه . اون سه تا فایل یکیش که مربوط می شد به یک منوی جاوایی که اصلا" حذفش کردم . دوتای دیگرو یعنی style1 و template_css رو سعی کردم بطور آموزشی با هم ادغام کنم . فکر کنم از لحاظ تئوری بد کار نکردم . بعدش هم فایل xml رو ساختم و زیپ کردم . ولی وقتی می خوام نصبش کنم ارورر می ده .
کدها به این صورته :
index.php

<?php echo "<?xml version=\"1.0\"?".">"; ?>
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
<html xmlns="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
<head>

<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<META <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> content="text/html; charset=utf-8">
<link rel="alternate" title="<?php echo $mosConfig_sitename; ?>" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />
<link href="<?php echo $mosConfig_live_site;?>templates/irbar/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body id="bg">
<div id="toparea">
<div class="wrapper">
<div id="searcharea"> <div align="right"><form action="index.php" method="post">
<div class="search" align="center">
<input class="inputbox" type="text" name="searchword" size="25" value="جستجو" onblur="if(this.value=='') this.value='جستجو';" onfocus="if(this.value=='جستجو') this.value='';" />
</div>
<input type="hidden" value="search" name="option" />
</form>
</div>
</div>
</div>
<div id="header">
<div id="imghead">
<div align="right"><img id="logo" src="<?php echo $mosConfig_live_site;?>/images/logo.png" alt="Sportmaxum - GavickPro" /> </a>
</div>
</div>
</div>
<div class="wrapper">
<div id="pagewrap">
<div id="topbar">
<?php mosLoadModules('top',-1); ?>
</div>
<table cellpadding="0" cellspacing="0" id="contentwrap">
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" id="mainbodywrap">
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" width="100%" class="clearfix">
<tr valign="top">
<td class="moduliki-full"> <div class="gk_fcs_news_container_main2">

<div class="gk_fcs_news_container" style=""><?php mosMainBody(); ?>

<p class="gk_fcs_news_content">&nbsp;</p>
</div>

<div class="gk_fcs_news_container_2" style="height: 320px;">
<p class="gk_fcs_news_content_2">&nbsp;</p>
</div>

<div class="gk_fcs_news_container_3" style="height: 320px;">
<p class="gk_fcs_news_content_3">&nbsp;</p>
</div>
<div class="gk_fcs_news_container_4" style="height: 320px;">
<p class="gk_fcs_news_content_2">&nbsp;</p>
</div>
<div class="gk_fcs_news_container_5" style="height: 320px;">
<p class="gk_fcs_news_content_2">&nbsp;</p>
</div>
</div>

</td>
</tr>
<tr valign="top">
<td class="moduliki-full"> <div class="moduletable-advert">
<h3>&nbsp;</h3>
</div>
</td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td class="moduliki-full clearfix"> <div class="moduletable-gkmod">

<div class="gk_news_column" style="">

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>
<div style="clear:both;width:100%;"></div>
<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>
</div>

<div class="gk_news_column_col" style="width: 196px;;float:left;">
<h3>&nbsp;</h3>

</div>
<div style="clear:both;width:100%;"></div><div style="clear:both;width:100%;"></div></div> </div>
</td>
</tr>
<tr valign="top">
<td id="mainbodycont">&nbsp;</td>
</tr>
<tr valign="top">
<td><table cellpadding="0" cellspacing="0" width="100%" class="clearfix">
<tr valign="top">
<td class="moduliki" style="width: 100%;"> <div class="moduletable-gkmod">
<div class="gk_ns10">
<div class="gk_ns10_news_container_main" id="ns10_overflown" style="height: 233px;width: 205px;">
<div class="gk_ns10_news_container_main2">
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;"> <a href="" class="gk_ns10_news_image_link"></a>
<h4 class="gk_ns10_news_header">&nbsp;</h4>
</div>
<div class="gk_ns10_news_container" style="height: 233px;width: 205px;">
<p class="gk_ns10_news_content">&nbsp;</p>
</div>
</div>
</div>
</div> </td>
</tr>
</table>

</td>
</tr> </table></td>
<td class="null-1"><div class="shadow-l"></div></td>
<td id="insetwrap"> <div class="moduletable-black">
<h3>&nbsp;</h3><?php mosLoadModules('middle-black'); ?>
<br /><div style="text-align: center"></div>
</div>
<div class="moduletable-clear"><?php mosLoadModules('middle'); ?>
</div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_2"><?php mosLoadModules('middle-2'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_3"><?php mosLoadModules('middle-3'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_4"><?php mosLoadModules('middle-4'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_5"><?php mosLoadModules('middle-5'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_6"><?php mosLoadModules('middle-6'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_7"><?php mosLoadModules('middle-7'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_8"><?php mosLoadModules('middle-8'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_9"><?php mosLoadModules('middle-9'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_10"><?php mosLoadModules('middle-10'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_11"><?php mosLoadModules('middle-11'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_12"><?php mosLoadModules('middle-12'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_13"><?php mosLoadModules('middle-13'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_14"><?php mosLoadModules('middle-14'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_15"><?php mosLoadModules('middle-15'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_16"><?php mosLoadModules('middle-16'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_17"><?php mosLoadModules('middle-17'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_18"><?php mosLoadModules('middle-18'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_19"><?php mosLoadModules('middle-19'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
<div class="moduletable-clear_20"><?php mosLoadModules('middle-20'); ?></div>
<div class="space0"><?php mosLoadModules('space0'); ?></div>
</td>
<td class="null-1"><div class="shadow-r"></div></td>
<td id="rightwrap"> <div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">&nbsp;</h4>
</div>

</div>
</div>
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style="">

<div class="gk_ns_first_news_container" style="">

<a href="" class="gk_ns_first_news_image_link"></a>

<h4 class="gk_ns_first_news_header">
<a href="" class="gk_ns_first_news_title_link"></a> </h4>
<h5 class="gk_ns_first_news_info">&nbsp;</h5>
</div>

</div>
</div>
<div class="moduletable-black">

</div>
<div class="moduletable">
<h3>&nbsp;</h3>
</div>
</td>
<td class="null-1"><div class="null-1"></div></td>
</tr>
</table>
<div class="clearfix"></div>
<table cellpadding="0" cellspacing="0" id="downarea">
<tr valign="top">
<td> <div class="moduliki-l" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="moduliki-l spacer" style="width: 24.5% ;">
<div class="moduletable">
<h3>&nbsp;</h3>

<div class="gk_news_show" style=""></div>
</div>
</div>
<div class="clearfix"></div>
</td>
</tr>
</table>
<div id="footer"><span id="info">


<a href="" target="_blank">Terms and Conditions</a> |
<a href="" target="_blank"></a> |
<a href="" target="_blank">Forum Support</a> |
<a href="" target="_blank">Contact Us</a>
<br />

<a href="" target="_blank"></a>. </span></div>
</div>

</body>
</html>


و template_css

body {
margin: 0;
padding: 0;
height: 100%;
}
#bg {
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #08556F;
}
.clearfix {
clear: both;
}
form {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
margin: 10px 0;
}
a:link, a:visited {
text-decoration: none;
}
a:link, a:visited {
color: #07546E;
}
a:hover {
color: #199dd1;
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
list-style-type: disc;
margin-left:13px;
}
ul li {
}
ol {
margin-top: 5px;
margin-bottom: 15px;
}
ol li {
margin-left: 0;
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 140%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
p {
margin: 10px 0 10px;
font-size: 100%;
}
th {
padding: 4px;
font-weight: bold;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px Arial, Helvetica, sans-serif;
}
a img {
border: none;
}
td, div {
font-size: 12px;
}
/* MAJOR BLOCKS
-------------------------------------------------------------------------------*/
div.wrapper {
width: 999px;
margin: 0 auto;
padding: 0;
}
div#pagewrap {
width: 989px;
margin: 0 auto;
padding: 0;
}
table#contentwrap {
background-color: #fff;
}
table#downarea {
background: url('../images/style1/sportmx_bg_extradown.png') repeat-x 0 top;
background-color: #000;
border-bottom: 1px solid #1D4251;
width: 100%;
margin: 0;
padding: 8px;
padding-top: 20px;
}
div#toparea {
width: 100%;
height: 28px;
padding: 0;
background-color: #000;
border-bottom: 1px solid #06455f;
}
table#contentwrap {
width: 100%;
margin: 0;
padding: 0;
}
table#mainbodywrap {
padding: 0 0 0 8px;
width: 100%;
overflow: hidden;
}

.spacer {
background: url('../images/style1/sportmx_footer_separator.png') no-repeat left 19px;
}
td#mainbodycont {
overflow: hidden;
}
td#insetwrap {
overflow: hidden;
width: 30%;
margin: 0;
padding: 0;
background-color: #e8f2f8;
}
div.shadow-l {
width: 8px;
height: 125px;
background: url('../images/style1/sportmx_bg_inset_module.png') no-repeat 0 0;
}
div.shadow-r {
width: 8px;
height: 125px;
background: url('../images/style1/sportmx_bg_inset_module-r.png') no-repeat 0 0;
}
div.shadow-n {
width: 8px;
}
.null-1 {
width: 8px;
}
div.null-0 {
width: 0px;
}
td#rightwrap {
overflow: hidden;
width: 25%;
margin: 0;
padding: 0;
background-color: #f2f3f3;
}
td.moduliki-full {
overflow: hidden;
width: 100%;
}
div#newsflasharea {
float: right;
width: 468px;
color: #fff;
height: 60px;
margin-top: 12px;
overflow: hidden;
}
/* MEMBER LOGIN AREA
------------------------------------------------------------------------------------------ */
div#memberarea {
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
margin-top: 4px;
padding-left: 20px;
background: url('../images/style1/sportmx_icon-memberarea.png') no-repeat 10px 50%;
color: #fff;
}
div#memberarea label {
padding-left: 20px;
}
div#memberarea input, div#searcharea input {
border: 0px;
padding-left: 3px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#memberarea form input.button, div#searcharea form input.button {
width: 57px;
height: 19px;
line-height: 22px;
padding: 0 0 0 1px;
margin-left: 10px;
background: transparent url('../images/style1/sportmx_button_marea.png') no-repeat 0 100%;
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#memberarea form input.button:hover, div#searcharea form input.button:hover {
text-decoration: none;
color: #199dd1;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#memberarea form input.button:active, div#searcharea form input.button:active {
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/* SEARCH AREA
------------------------------------------------------------------------------------------ */
div#searcharea {
float: right;
margin: 4px 10px 0 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#tools {
float: right;
margin: 9px 10px 0 0;
}
div#searcharea form input.button {
margin-left: 5px;
color: #fff;
}
div#searcharea input.inputbox {
background: #fff url('../images/sportmx_icon-search.png') no-repeat 100% 50%;
}
/* STYLE SWITCHER
------------------------------------------------------------------------------------------ */
div#stylearea {
float: left;
margin-top: 8px;
padding-left: 20px;
}
.style_switcher {
margin-right: 4px;
}
#st_icon-0, #st_icon-1, #st_icon-2, #st_icon-3 {
display: block;
float: left;
width: 16px;
height: 13px;
}
#st_icon-0 {
background: url('../images/icon_change-style.png') no-repeat 100% 50%;
}
#st_icon-1 {
background: url('../images/icon-style1.png') no-repeat 100% 50%;
}
#st_icon-2 {
background: url('../images/icon-style2.png') no-repeat 100% 50%;
}
#st_icon-3 {
background: url('../images/icon-style3.png') no-repeat 100% 50%;
}

/* HEADER
------------------------------------------------------------------------------------------ */
div#header {
width: 100%;
padding: 0;
background: #000 url('../images/style1/sportmx_bg_head.jpg') repeat-x 0 0;
}
div#imghead {
display: block;
height: 112px;
width: 989px;
margin: 0 auto;
padding: 0;
background: url('../images/style1/sportmx_bg_header.jpg') no-repeat 0 0;

}
#imghead a {
float: left;

}
/* LOGO
------------------------------------------------------------------------------------------ */
#logo {
margin: 43px 0 0 18px;
width: 246px;
height: 47px;
}
div#topbar {
position: relative;
width: 100%;
height: 42px;
margin-top: 0px;
background: url('../images/style1/sportmx_bg_menu.png') repeat-x 0 0;
}
/* SETUP USERS AREA (MODULES)
---------------------------------------------------------------------------------------- */
.moduliki {
overflow: hidden;
width: 50%;
}
.moduliki-l {
overflow: hidden;
float: left;
}
.moduliki-r {
overflow: hidden;
float: right;
}
.moduliki-l div.moduletable, .moduliki-r div.moduletable {
margin: 0;
}
/* FOOTER
-------------------------------------------------------------------------------------------*/
div#footer {
width: 100%;
height: 47px;
margin: 0;
padding-top: 4px;
background: url('../images/style1/sportmx_bg_footer.gif') repeat-x 0 0;
color: #199dd1;
}
div#footer span {
float: left;
}
div#footer span#info {
float: left;
margin-left: 10px;
text-align: left;
font-size: 10px;
}
div#footer span#info a {
font-size: 10px;
color: #199dd1;
}
/* MODULETABLE
------------------------------------------------------------------------------------------ */

div.moduletable, div.moduletable-black, div.moduletable-gkmod, div.moduletable-clear,div.moduletable-clear_2,div.moduletable-clear_3,div.moduletable-clear_4,div.moduletable-clear_5,div.moduletable-clear_6,div.moduletable-clear_7,div.moduletable-clear_8,div.moduletable-clear_9,div.moduletable-clear_10,div.moduletable-clear_11,div.moduletable-clear_12,div.moduletable-clear_13,div.moduletable-clear_14,div.moduletable-clear_15,div.moduletable-clear_16,div.moduletable-clear_17,div.moduletable-clear_18,div.moduletable-clear_19,div.moduletable-clear_20, div.moduletable-advert {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 10px 10px 15px 10px;
margin: 0 0 10px 0;
color: #312E2E;
background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
div.moduletable-advert {
text-align: center;
padding: 4px 4px 4px 4px;
border: 1px solid #d8d7d7;
}
div.moduletable-clear, {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#999999;
}
div.moduletable-clear_2 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#006600;
}
div.moduletable-clear_3 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#00CC99;
}
div.moduletable-clear_4 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#CC9900;
}
div.moduletable-clear_5 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#FF00FF;
}
div.moduletable-clear_6,div.moduletable-clear_7,div.moduletable-clear_8,div.moduletable-clear_9,div.moduletable-clear_10,div.moduletable-clear_11,div.moduletable-clear_12,div.moduletable-clear_13,div.moduletable-clear_14,div.moduletable-clear_15,div.moduletable-clear_16,div.moduletable-clear_17,div.moduletable-clear_18,div.moduletable-clear_19,div.moduletable-clear_20 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
background-color:#999933;
}
div.space0 {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
color:#0000FF
}
div.moduletable-gkmod {
padding: 0 2px 15px 2px;
margin: 0 0 10px 0;
}
div.moduletable h3, div.moduletable-black h3, div.moduletable-gkmod h3 {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: -10px -15px 0 -10px;
background: url('../images/style1/sportmx_bg_module-h3.png') repeat-x -15px 0;
color: #0b3745;
}
div.moduletable-advert h3 {
font: normal 10px Arial, Helvetica, sans-serif;
margin: -5px 0 0 0;
width: 80px;
line-height: 10px;
float: right;
background-color: #fff;
color: #9F9F9F;
}
div.moduletable-clear,div.moduletable-clear_2,div.moduletable-clear_3,div.moduletable-clear_4,div.moduletable-clear_5,div.moduletable-clear_6,div.moduletable-clear_7,div.moduletable-clear_8,div.moduletable-clear_9,div.moduletable-clear_10,div.moduletable-clear_11,div.moduletable-clear_12,div.moduletable-clear_13,div.moduletable-clear_14,div.moduletable-clear_15,div.moduletable-clear_16,div.moduletable-clear_17,div.moduletable-clear_18,div.moduletable-clear_19,div.moduletable-clear_20 h3 {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: 0px -15px 0 -10px;
color: #0b3745;
}

div.moduletable-gkmod h3 {
line-height: 25px;
padding: 0 15px 0 10px;
margin: -1px -15px 0 -10px;
}
div.moduletable-black {
color: #fff;
background-color: #000;
}
div.moduletable-black h3 {
background: url('../images/style1/sportmx_bg_black_module-h3.png') repeat-x -15px 0;
color: #fff;
}
div.moduletable-black a:link, div.moduletable-black a:visited {
color: #199dd1;
}
div.moduletable-black a:hover {
color: #07546E;
}
#insetwrap div.moduletable, #insetwrap div.moduletable-black {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#rightwrap div.moduletable {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#insetwrap div.moduletable h3, #rightwrap div.moduletable h3, #insetwrap div.moduletable-black h3 {
margin-left: 0;
padding: 0 15px 0 10px;
margin: -10px -9px 0.5em -9px;
background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
#insetwrap div.moduletable h3 {
background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
#rightwrap div.moduletable h3 {
background: url('../images/style1/sportmx_bg_right_module-h3.png') repeat-x -15px 0;
}
#downarea div.moduletable {
color: #fff;
}
#downarea div.moduletable h3 {
background: none;
color: #199dd1;
}
#downarea a:link, #downarea a:visited, #newsflasharea a:link, #newsflasharea a:visited {
color: #199dd1;
}
#downarea a:hover, #newsflasharea a:hover {
color: #07546E;
}
td#mainbodywrap .moduliki-l {
float: left;
}
td#mainbodywrap .moduliki-r {
float: right;
}
/* JOOMLA STYLES
------------------------------------------------------------------------------------------ */
.contentheading, .componentheading, .contentpaneopen h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #084B5E;
}
.contentheading a:link, .contentheading a:visited {
font: bold 16px Arial, Helvetica, sans-serif;
color: #084B5E;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
font: bold 10px Arial, Helvetica, sans-serif;
}
a.readon {
font: bold 12px Arial, Helvetica, sans-serif;
}
table.contenttoc th {
font: normal 12px Arial, Helvetica, sans-serif;
}
.sectiontableheader {
font: bold 12px Arial, Helvetica, sans-serif;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
padding: 0 2px;
font: normal 12px Arial, Helvetica, sans-serif;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}
div#newsflash table td {
font: normal 12px Arial, Helvetica, sans-serif;
}
.contentheading {
}
.contentheading a:link, .contentheading a:visited {
text-decoration: none;
}
.contentheading a:hover {
color: #199dd1;
}
.contentpaneopen h2 {
padding: 0;
margin: 0;
color: #030709;
}
.small, .modifydate, .createdate, .mosimage_caption {
color: #000;
}
.smalldark {
text-align: left;
color: #0c3642;
}
div.syndicate div {
text-align: center;
}
.modifydate {
padding-top: 6px;
}
div.pagenavcounter {
float: right;
}
.mosimage_caption {
padding-top: 3px;
padding-bottom: 3px;
}
.sectiontableentry1, .sectiontableentry2 {
border-bottom: 1px solid #a1b9c9;
}
.componentheading {
text-align: left;
margin-bottom: 10px;
color: #084b5e
}
table.blog span.article_seperator {
display: block;
height: 15px;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0px 0 12px 0;
width: 200px;
background-color: #fff;
border-left: 1px solid #a1b9c9;
}
table.contenttoc td {
padding: 1px 5px 2px 18px;
}
table.contenttoc td a:link, table.contenttoc td a:visited {
}
table.contenttoc td a:hover {
}
table.contenttoc th {
padding: 2px 4px;
text-indent: 15px;
text-align: left;
font-size: 14px;
}
.contentpaneopen {
width: 100%;
}
.contentpaneopen1 {
width: 100%;
}
table.contentpane {
width: 100%;
margin-bottom: 30px;
}
.sectiontableheader {
line-height: 29px;
padding: 0 10px;
border-bottom: 1px solid #B8D2E4;
border-top: 1px solid #B8D2E4;
color: #fff;
background-color: #000;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
border-bottom: 1px solid #b3d2e4;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
background-color: #eff5f8;
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
background-color: #dde9f0;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background-color: #e8f2f8;
}
.highlight {
background-color: #ffff99;
}
.contentpane {
width: auto;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder, table.pollstableborder-blue, table.pollstableborder-bdark, table.pollstableborder-beige {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img, table.pollstableborder-blue img, table.pollstableborder-bdark img, table.pollstableborder-beige img {
vertical-align: baseline;
}
table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder-black td.sectiontableentry1-black, table.pollstableborder-black td.sectiontableentry2-black, table.pollstableborder-gkmod td.sectiontableentry1-gkmod, table.pollstableborder-gkmod td.sectiontableentry2-gkmod, table.pollstableborder-clear td.sectiontableentry1-clear, table.pollstableborder-clear td.sectiontableentry2-clear, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td, table.pollstableborder-black tr.sectiontableentry1-black td, table.pollstableborder-black tr.sectiontableentry2-black td, table.pollstableborder-gkmod tr.sectiontableentry1-gkmod td, table.pollstableborder-gkmod tr.sectiontableentry2-gkmod td, table.pollstableborder-clear tr.sectiontableentry1-clear td, table.pollstableborder-clear tr.sectiontableentry2-clear td {
border-bottom: none;
height: 20px;
padding-left: 5px;
padding-right: 10px;
line-height: 18px;
background: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important;
}
.adminform .inputbox {
}
a.readon {
margin-top: 15px;
display: block;
float: left;
width: 117px;
height: 31px;
line-height: 25px;
padding-left: 30px;
font-size: 11px;
background: transparent url('../images/style1/sportmx_bg_button.png') no-repeat 0 0;
color: #fff;
}
a.readon:hover {
text-decoration: underline;
}
div.back_button a {
margin: 15px 0 15px 0;
display: block;
float: left;
width: 86px;
height: 23px;
line-height: 18px;
padding-left: 32px;
background: transparent url('../images/style1/sportmx_bg_back.png') no-repeat 0 0;
color: #fff;
}
div.back_button a:hover {
text-decoration: underline;
}
div.back_button a:active {
color: #fff;
}
.button, .button:hover {
}
.button:active, .button:focus {
}
/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */

/* typohraphy */
span.beige, span.black, span.clear {
display: block;
padding: 10px;
margin-bottom: 10px;

}
span.color {
display: block;
padding: 10px;
margin-bottom: 10px;
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
background-color: #E8F2F8;
}
span.color-1 {
display: block;
padding: 10px;
margin-bottom: 10px;
background-color: #E8F2F8;
border-left: 4px solid #084B5E;
color: #084B5E;
}

span.beige {
background-color: #F2F3F3;
border-top: 1px solid #c8c6c6;
border-bottom: 1px solid #c8c6c6;
color: #000;
}
span.black {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
span.clear {
background-color: #fff;
border: 1px solid #d8d7d7;
}
blockquote {
background: transparent url('../images/quoleft.gif') no-repeat 0 0;
}
blockquote div {
background: transparent url('../images/quoright.gif') no-repeat right bottom;
padding: 0 30px;
}
/* NEWS MODULES CLASSES
------------------------------------------------------------------------------------------ */

/*NS 1.0 SE*/
div.gk_news_show {
}
div.gk_ns_first_news_container {
}
a.gk_ns_first_news_image_link {
}
img.gk_ns_image {
padding: 2px;
margin-right: 6px;
margin-bottom: 2px;
background-color: #edf3f5;
border: 1px solid #d8e1e5;
}
div.moduletable-black img.gk_ns_image {
background-color: #17323c;
border: 1px solid #1f4452;
}
table#downarea img.gk_ns_image {
background-color: #17323c;
border: 1px solid #1f4452;
}
a.gk_ns_first_news_title_link {
}
h4.gk_ns_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns_first_news_text_link {
}
p.gk_ns_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns_first_news_readmore {
}
ul.gk_ns_rest_news {
}
li.gk_ns_rest_news_pos {
}
a.gk_ns_rest_news_pos_link {
}
/*News Column*/
div.gk_news_column {
}
div.gk_news_column_col {
margin-right: 7px;
padding-bottom: 15px;
}
div.gk_news_column_col h3 {
margin: 0 -10px 10px 0;
padding: 0;
background: none;
border: none;
height: 20px;
line-height: 20px;
background: none;
border: none;
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
background-color: #E8F2F8;
}
div.gk_news_column_col h3 a {
margin: 0;
padding: 0 6px 3px 6px;
width: 100%;
}
div.gk_nc_first_news_container {
}
a.gk_nc_first_news_image_link {
}
gk_nc_first_news_container img.gk_ns_image {
margin: 0;
padding: 0;
}
a.gk_nc_first_news_title_link {
}
h4.gk_nc_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_nc_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_nc_first_news_text_link {
}
p.gk_nc_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_nc_first_news_readmore {
}
ul.gk_nc_rest_news {
}
li.gk_nc_rest_news_pos {
}
a.gk_nc_rest_news_pos_link {
}
/*FCS 3.0*/
div.gk_fcs {
}
div.gk_fcs_news_container_main {
overflow:hidden;
}
div.gk_fcs_news_container {
margin-bottom: 20px;

background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
div.gk_fcs_news_container_2 {
margin-bottom: 20px;

background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
div.gk_fcs_news_container_3 {
margin-bottom: 20px;

background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
div.gk_fcs_news_container_4 {
margin-bottom: 20px;

background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
div.gk_fcs_news_container_5 {
margin-bottom: 20px;

background: url('../images/style1/sportmx_bg_inset_module-h3.png') repeat-x -15px 0;
}
a.gk_fcs_news_image_link {
border: none;
}
img.gk_fcs_image {
border: 1px solid #F2F3F3;
}
a.gk_ns_fcs_news_title_link {
}
h4.gk_fcs_news_header {
padding: 0;
}
h5.gk_fccs_news_info {
}
a.gk_fcs_news_text_link {
}
p.gk_fcs_news_content {
}
a.gk_fcs_news_readmore {
}
ul.gk_fcs_rest_news {
}
ul.gk_ns_rest_news_floated {
padding: 2px;
margin-left: 0px;
background-color: #E8F2F8;
border-top: 1px solid #B8D2E4;
border-bottom: 1px solid #B8D2E4;
}
li.gk_fcs_rest_news_pos {
}
li.gk_fcs_rest_news_pos_floated {
display: inline;
list-style: circle;
}
a.gk_fcs_rest_news_pos_link {
padding: 2px;
font-size: 11px;
}
li.link_active {
font-weight: bold;
}
div.fcs3_panel {
text-align: right;
float: left;
margin-top: 4px;
height: 9px;
}
div.fcs3_options {
float: left;
margin-top: 4px;
margin-left: 3px;
height: 9px;
}
.prev_button, .next_button, .play_button, .pause_button {
padding-top: 1px;
}
.tools_button {
padding-left: 5px;
padding-top: 0px;
}
div.fcs3_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: left;
line-height: 9px;
padding: 2px;
border: 1px solid #B8D2E4;
}
div.fcs3_options img {
cursor: pointer;
margin: 3px;
margin-bottom: 0px;
padding: 2px;
line-height: 9px;
border: 1px solid #B8D2E4;
}
/*News Slider 1.0*/
div.gk_ns10 {
}
div.gk_ns10_news_container_main {
overflow:hidden;
}
div.gk_ns10_news_container {
margin-right: 4px;
}
a.gk_ns10_news_image_link {
}
img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
background-color: #edf3f5;
border: 1px solid #d8e1e5;
}
div.moduletable-black img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
background-color: #17323c;
border: 1px solid #1f4452;
}
a.gk_ns_ns10_news_title_link {
}
h4.gk_ns10_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns10_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns10_news_text_link {
}
p.gk_ns10_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns10_news_readmore {
}
div.ns10_panel {
text-align: right;
float: left;
}
div.ns10_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: left;
padding: 2px;
line-height: 9px
border: 1px solid #B8D2E4;
}
div.ns10_panel img.ns_next_button {
}
div.ns10_panel img.ns_prev_button {
}

حالا کسی می تونه به من بگه ایراده کارم از کجاست ؟ممنون می شه کسی حوصله کنه و یه نگاهی به کدهای بالا بندازه

sorry4uboth

07-26-2007, 09:55 AM

نیازی به نگاه کردن نداره!
مشکل از فایل نصب کننده شماست! XML

کل قالب رو بزارید تا براتون درستش کنم.

amirdorna2

07-26-2007, 10:05 AM

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

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

amirdorna2

07-26-2007, 10:59 AM

در ضمن وقتی بصورت html فایل رو اجرا می کنم . نوار زرد اررور activex توی اینترنت اکسپلورر 7 میاد . از کدوم قسمت می تونه باشه .
مرسی

sorry4uboth

07-26-2007, 11:03 AM

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

ایراد = فایل نصب کننده درست ساخته نشده بود. + فایل شما RAR بود.

اون Activex اررور هم مربوط به اشکالات قالب شما هستش!

amirdorna2

07-26-2007, 11:07 AM

ممنون . یعنی فقط مشکل از rar بودن بود و خود کدها ایرادی نداشتن ؟

sorry4uboth

07-26-2007, 11:23 AM

فایل نصب کننده هم درست نبود.

amirdorna2

07-26-2007, 11:34 AM

منظورتون رو از فایل نصب کننده متوجه نمی شوم . کدوم فایل نصب کننده است ؟ xml ؟
در ضمنمن الان که فایلی رو که شماآپلود کردید ، نصب کردم ، تصاویر و ... هیچکدوم نمیاد .

amirdorna2

07-26-2007, 11:39 AM

ااااا و حل شد . بعد از کد <?php echo $mosConfig_live_site;?> برای فراخوانی استایل ، / جا افتاده بود .
من که اصلا" فکر نمی کردم یدونه / اینقدر مهم باشه .
از کمکتون خیلی ممنونم