+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: مشکل در طراحی قالب (/thread-14201.html)
مشکل در طراحی قالب - ghezi65 - ۱۰-۱۱-۱۳۹۲ ۰۶:۴۷ عصر
سلام دوستان، وقتتون بخیر
قالب ساده ای واسه جوملا 2.5 دارم طراحی میکنم به چند تا مشکل برخوردم ممنون میشم راهنمایی کنید
این ادرس سایت: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشکل اولم فونت منوی اصلی در مرورگر fierfox و ie هست که حروف به هم می چسبند و فقط تو کروم درست نشون میده
دوم اینکه مطالب سایت که ویژه کردم داخل فوتر سایت میرن در صورتیکه من div content رو ارتفاعشو auto کذاشتم
سوم اینکه در قسمت فوتر من برای فرم سفارش و ورود ار فرم ساز استفاده کردم و ظاهرش رو با css تغییر دادم :)
حالا میخوام اون دکمه لغو و ارسال کنار هم قرار بگیرن نه زیر هم که متاسفانه نتونستم با css درستش کنم ، بعد اینکه میخوام رنگ عنوان فرم ورود زرد باشه و فرم سفارش سفید اما چون کلاس هر دوشون componentheading هست رنگی که میزارم واسه هر دو اعمال میشه چه طوری این کار رو انجام بدم؟
چهارم اینکه چه طوری بین اون متنی که پایین فرم ورود نوشته شده enter ایجاد کنم که جمله بعدیش بره خط بعد؟
و مورد اخر متنی که داخل تگ p تو فوتر در فایل index.php فارسی نوشتم به صورت علامت سوال شده، البته encoding رو رعایت کردم
ببخشید سوالاتم خیلی زیاد هستن
پیشاپیش ممنونم
RE: مشکل در طراحی قالب - محمدرضا بهارلو - ۱۰-۱۱-۱۳۹۲ ۰۷:۱۰ عصر
سلام
کل این کد را توی فایل template.css قالبت کپی کن
کد:
* {
margin: 0;
padding: 0;
}
body {
background-color: #F0F0F0;
color: #000000;
font-family: B nazanin;
font-size: 14px;
margin: 0 auto;
text-align: center;
width: 960px;
}
h1 {
display: none;
}
#main {
background-color: #FFFFFF;
width: 960px;
}
#mainmenu {
background-image: url("../images/mainmenu1.png");
color: #000000;
height: 89px;
opacity: 0.6;
position: absolute;
top: 0;
width: 960px;
z-index: 2;
}
.menu {
display: inline;
list-style: none outside none;
}
.menu li {
color: #000000;
display: inline;
text-decoration: none;
}
.menu li a:hover {
color: #0000FF;
text-decoration: none;
}
.menu li a {
color: #000000;
font-weight: bold;
padding-right: 17px;
text-decoration: none;
}
h3 {
display: none;
}
#menubar {
color: #000000;
font-size: 16px;
height: 30px;
position: relative;
right: 60px;
top: 30px;
width: 700px;
}
#logo {
background-image: url("../images/logo1.png");
float: left;
height: 47px;
position: relative;
top: 10px;
width: 200px;
}
#sociall {
display: inline;
float: right;
height: 88px;
position: relative;
right: 10px;
top: 15px;
width: 110px;
}
#header {
background-image: url("../images/header1.png");
height: 450px;
margin: auto;
position: relative;
top: 0;
width: 960px;
z-index: 1;
}
#menubar2 {
color: #000000;
font-family: B Nazanin;
font-size: 22px;
height: 40px;
margin-top: 25px;
}
#back {
background-image: url("../images/2.png");
float: left;
height: 164px;
left: 95px;
position: relative;
top: -120px;
width: 740px;
z-index: 0;
}
#content {
clear: both;
color: #000000;
font-family: B nazanin;
font-size: 14px;
height: auto;
position: relative;
width: 960px;
}
.item {
float: right;
top: -145px;
z-index: 2;
}
.item-page {
float: right;
position: relative;
top: -100px;
z-index: 2;
}
.cols-4 .item {
margin-right: 65px;
width: 17%;
}
#user {
clear: both;
float: right;
height: 86px;
margin-bottom: -85px;
margin-right: 80px;
position: relative;
transform: rotate(1deg);
width: 220px;
}
#footer {
background-color: #FFFFFF;
background-image: url("../images/footer1.png");
clear: both;
font-size: 12px;
height: 400px;
text-align: right;
width: 960px;
}
#f1 {
clear: both;
float: left;
font-size: 15px;
height: 300px;
left: 95px;
margin-top: 57px;
position: relative;
width: 350px;
}
#f2 {
clear: both;
float: right;
font-size: 15px;
height: 300px;
position: relative;
right: 125px;
top: -260px;
width: 350px;
}
#f3 {
float: left;
height: 35px;
left: -30px;
position: relative;
top: 10px;
width: 200px;
}
#p {
color: #FFFFFF;
font-family: B nazanin;
font-size: 13px;
position: relative;
right: -200px;
text-align: center;
top: 373px;
}
#name.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
#email.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
#name2.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
#product.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
#number.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
#kod.rsform-input-box {
background-color: #666666;
border: 0 none;
opacity: 0.1;
}
tr.rsform-block-name {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block-email {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block-product {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block-name2 {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block-number {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block-kod {
background-image: url("../images/40.png");
height: 30px;
}
tr.rsform-block.rsform-block-text {
color: #FFFFFF;
height: 100px;
}
.rsform-submit-button {
float: right;
}
.rsform-block rsform-block-exit {
}
.rsform-password-box {
}
.componentheading {
color: #FFFFFF;
}
.footer1 {
display: none;
}
.footer2 {
display: none;
}
input#Send.rsform-submit-button {
}
input#cancel.rsform-submit-button {
}
.rsform-block.rsform-block-cancel {
float: left;
margin: -28px 0 0;
}البته قبلش فایل را یه کپی در محلی دیگر بگیر و این کد ها را جایگزین قبلی کن
بعدش سیو و سایت رو مشاهده کن
برقرار باشید
RE: مشکل در طراحی قالب - ghezi65 - ۱۰-۱۱-۱۳۹۲ ۰۷:۳۲ عصر
سلام
ممنون، اما جناب بهارلو تنها اتفاقی که افتاد محتوای سایت درست شد که ممنونم :) اما بقیه مشکلات هستن هنوز و همچنین body سایت از پایین مرورگر خیلی فاصله گرفته و تگ p و همچنین موقعیت f3 جاشون بهم ریخت که البته اونا رو درست کردم
یه مورد اینکه دایو main بعد از دایو content بسته میشه اما من الان که از فایرباگ استفاده میکنم میبینم content بعد دایو main قرار میگیره و بکگراند main واسش اعمال نمیشه
بقیه مشکلات رو چیکار کنم؟