a9876543210ag

تنظیم قالب جهت ایجاد کادر برای هر مطلب جدید

33 پست در این موضوع

با سلام

من جومولای 2.5.3 را نصب کردم.

حالا عنوان سایت را مینویسه (جومولای 2.5.3 مزین به امیر کبیر.)در صورتی که من عنوان را تغییر دادم.

برای حل این مشکل باید چه کار کنم

لطفا راهنمایی کنید

با کمال تشکر

سلام

منوها-- فهرست اصلی--گزینه صفحه اصلی-- از تنظیمات سمت چپ، فکر کنم دومین سربرگ از پایین باشه نوشته عنوان، متن جوملا را پاک کنید و متن خودتون رو بزارید

موفق باشید

Share this post


Link to post
Share on other sites

منهم می خوام بالای ماژول هام این شکلی بشه

[ATTACH=CONFIG]4208[/ATTACH]

بالای نوشته ها هم این شکلی

[ATTACH=CONFIG]4207[/ATTACH]

باید چکار کنم ؟

Share this post


Link to post
Share on other sites

با فایرباگ میتونید قسمتهایی که عنوان ماژولها و نوشته هایی رو که میخواین کدهاشون رو دربیارید و برای اون قسمتها اون تصاویر رو بعنوان بک گراند تعریف کنید

Share this post


Link to post
Share on other sites

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

کدcss:


#wrapper {width:1366px; background-color: #e1e6e3; height:auto; margin: auto;}

body {background-color: white; margin: 0; height: 100%;width: 1366px; font-family: tahoma; font-size: 10pt}

a:link{text-decoration: none; color: blue}
a:visited{text-decoration: none; color: green}
a:hover{ text-decoration: none; color: red}

#header{max-width: 100%;height: 200px; background: url(../images/shohada.png); border-radius:10px;padding-left: 5%}

#container{max-width: 100%; height: auto; margin:auto}
#menu{max-width: 100%; height: 35px; background:url(../images/menu.png);border-radius: 5px; border:solid; border-color: none;}


.dj-main{max-width: 100%;background: none;font-family: tahoma ; font-size: 1pt; direction:rtl; border-radius:10px;margin-right:-50px}

#breadcrumbs{background: white;max-width: 100%; height: auto ;display: block; font-family: tahoma; margin-top: 2px;border:solid;border-color:green; border-radius: 10px;padding-right: 1%;text-align:right}


#right-sidebar{min-width: 22%;max-width: 22%;height:auto;background: white; float: right; border-radius: 5px;margin-top: 0.5%;position:relative}
#right-sidebar .block{width: 100%; height: 30px; background: url(../images/header-side-pic.png);border-radius: 5px}
#right-sidebar .block-content{width: 100%; max-height:auto;background: url(../images/background-side1.png);text-align: right;border:solid blue;border-radius: 5px}




#content{ background: url(../images/background-side1.png);min-width: 43.5% ;max-width: 43.5%;height: auto; float: right; display: block; border-radius: 10px; margin-top: 0.5%; margin-bottom: 2%;margin-right:0.5%}
#content .slideshow{max-width: 95%;min-width: 95%;height: 255px; background-color: white;display: block;border: solid; border-color: green; margin-top: 2%; border-radius: 5px; text-align: right;margin-right:2%}



#content .titr{background: url(../images/background-side1.png);max-width: 100%; height: 30px; font-size: 11px; text-align: right;display: block; font-family: b homa;border:solid silver;border-radius:10px;direction:rtl}
.sp_news_higlighter{margin-right: 5%}

#content .content-content {text-align: right; height: auto; font-size: 9pt; padding-right: 20px;font-family: tahoma;text-align: right; direction:rtl;border-radius:5px}
#content .content-content .item-page{width:100%;height:auto;border:solid blue;float:right}
#content .block-content1{ background-color: gray; width: 48%; height: auto; display: block; text-align: right; float: right;text-align:right; direction:rtl; border: groove; border-color:white; border-radius:10px}

#content .block-content2{ background-color: gray; width: 48%; height: auto; display: block; text-align: right; float:left; border: groove; border-color:white; border-radius:10px}

#content .content-bottom .block{width: 100%;height:30px;background: red;border-radius:10px;text-align:center}
#content .content-bottom{width: 100%;height:auto;border: solid green;float:right;border-radius:12px;direction:rtl;text-align:right}




#left-sidebar{min-width:18%;max-width: 18%;width: 18%;height:auto; background: url(../images/background-side1.png); float: left;display:block; border-radius: 5px;position:relative;margin-left:0.5%;margin-top:0.5%;font-size:10pt;}
#left-sidebar .block{width: 100%; height:30px; background: url(../images/vijeha2.png); border-radius: 5px;text-align: center; font-family: b yekan; font-size:13pt}
#left-sidebar .block-content{width: 100%; height: auto; background-color: white; font-family: tahoma; font-size: 10pt;border:groove silver; border-radius:5px;text-align: center;}

#polldiv_1{direction:rtl; text-align: right}


#left-sidebar-top{min-width:33%;max-width:33%;height:auto;background: url(../images/background-side1.png);float:left;border-radius:5px;margin-left:-20%;direction:rtl;text-align:right;margin-top:0.5%;margin-left:0.5%}
#left-sidebar-top .block{width: 100%; height:30px; background: url(../images/header1.png); border-radius: 5px; text-align: center; font-family: b yekan; font-size:13pt;}
#left-sidebar-top .block-content{width: 100%; height: auto; background-color: white; font-family: tahoma; font-size: 10pt;border-radius: 5px; text-align: center;border-radius: 2%}

#left-sidebar2{min-width:18%;max-width:18%;height:auto;background: url(../images/background-side1.png); float: right;display:block;margin-right:0.5%;margin-top:0.5%}
#left-sidebar2 .block{width: 100%; height:30px; background: url(../images/header1.png); border-radius: 5px;text-align: center; font-family: b yekan; font-size:13pt}
#left-sidebar2 .block-content{width: 100%; height: auto; background-color: white; font-family: tahoma; font-size: 12pt;padding-top: 5%; border-radius: 5px; text-align: center;border-radius: 2%}

#left-sidebar3{min-width:14%;max-width: 14%;height:auto;background: url(../images/background-side1.png);float:left;border-radius: 10px;margin-left:0.75%;margin-top:0.5%;margin-bottom:0.5%}
#left-sidebar3 .block{width: 100%; height:30px; background: url(../images/header1.png); border-radius: 5px;text-align: center; font-family: b yekan; font-size:13pt}
#left-sidebar3 .block-content{width: 100%; height: auto;background: url(../images/background-side1.png); font-family: tahoma; font-size: 12pt;padding-top: 5%;text-align: center;border-radius: 10px}



#footer{width:100% auto;height: 150px;background-color: green; border: solid; border-color: blue; text-align: center; padding-top: 2%;border-radius:10px}
#footer .block-content{width:50%; height: 50px;float:left; text-align: center;background: url(../images/background-side1.png);margin-left: 30%;border-radius: 10px}



Share this post


Link to post
Share on other sites

دموی سایتتون رو قرار بدید بهتر میشه محل تغییر کدها رو گفت خودتونم با فایرباگ میتونید پیدا کنید

Share this post


Link to post
Share on other sites

سلام به همه دوستان من با کلاس item دور مطالب کادر ایجاد کردم واسه مطلب ویژه شده اول مشکلی نیست اما از مطلب دوم به بعد هرچی مطلب اضافه میشه همش داخل یه کادر قرار میگیره چطور می تونم کادر مطالبو جدا کنم ؟یه مشکل دیگه هم دارم این که وقتی وارد ادامه مطلب میشی مطالب کادر ندارن و همچنین چطور میشه کاری کرد که واسه هر مطلب جدید یه کادر شبیه قبلیا تعریف بشه .

این آدرس سایت parsvajheh.com

اینم کد های css

/*---------------------------------------------------------------

# Package - Joomla Template based on Helix Framework

# ---------------------------------------------------------------

# Author - JoomShaper High Quality Premium Responsive Joomla Templates and Free Joomla Modules

# Copyright © 2010 - 2011 JoomShaper.com. All Rights Reserved.

# license - PHP files are licensed under GNU/GPL V2

# license - CSS - JS - IMAGE files are Copyrighted material

# Websites: High Quality Premium Responsive Joomla Templates and Free Joomla Modules - http://www.joomxpert.com

-----------------------------------------------------------------*/

a{color:#9D227C}

a:hover,a:active,a:focus{color:#333}

#sp-bottom{background:#400842;color:#fff;font-size:11px;}

#sp-bottom .mod-wrapper-flat li{border-bottom:1px solid #A15484;color:#fee8e8}

#sp-bottom a{color:#fee8e8}

.mod-wrapper h3.header,.mod-wrapper-flat h3.header{color: #A50983!important;}

/*Menu*/

#hornav{background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

#sublevel{background:#A50983}

#hornav ul.level-0 > li.menu-item{border-right:1px solid #e5e5e5}

#sublevel ul.level-1 > li.menu-item{}

#hornav ul.level-0 > li.menu-item > a.menu-item{color:#333}

#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#fff}

#hornav ul.level-0 > li.menu-item span.menu-desc,

#sublevel ul.level-1 > li.menu-item span.menu-desc{color:#888}

#hornav ul.level-0 > li.menu-item:hover,#hornav ul.level-0 > li.menu-item.active{background: url(../../images/styles/style2/nav-active-l.png) no-repeat 0 100%}

#hornav ul.level-0 > li.menu-item:hover > a,#hornav ul.level-0 > li.menu-item.active > a{background: url(../../images/styles/style2/nav-active-r.png) no-repeat 100% 100%;color: #fff;}

#hornav ul.level-0 > li.menu-item:hover span.menu-desc,#hornav ul.level-0 > li.menu-item.active span.menu-desc,

#sublevel ul.level-1 > li.menu-item:hover span.menu-desc,#sublevel ul.level-1 > li.menu-item.active span.menu-desc{color:#fff}

#sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{background:#A50983!important}

#sublevel ul.level-1 > li.menu-item.active > a.menu-item,#sublevel ul.level-1 > li.menu-item:hover > a.menu-item

{}

/*Sub Items*/

#hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#AE659A;color:#fff}

#hornav li.menu-item li.menu-item,

#sublevel li.menu-item li.menu-item {background: url(../../images/styles/style2/nav-border.png) repeat-x 0 0!important}

#hornav li.menu-item li:hover,#hornav li.menu-item li.active > a,

#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active > a{background: #000!important}

#hornav li.menu-item li.menu-item a.menu-item,

#sublevel li.menu-item li.menu-item a.menu-item{color:#333}

#hornav li.menu-item li.menu-item span.menu-desc,

#sublevel li.menu-item li.menu-item span.menu-desc{color:#888}

#hornav .group-title{border-bottom:5px solid #8c0202}

Share this post


Link to post
Share on other sites

با سلام

دوست عزیز تنها تغییر دادن کدهای css کفایت نمیکنه و برای انجام چنین کاری می بایست کدهای کامپوننت نمایش مطالب (com_content) رو نیز تغییر بدید که نیاز به دانش برنامه نویسی داره

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

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


ورود به حساب کاربری