مشکل با چیدمان قالب

[hamid80 0]

سلام

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

الان لوگو هم رفته سمت چپ در صورتی که می خواهم بره سمت راست کدهای که استفاده کردم

/* this is site heder. */ 


#heder {

	height:200px;

	width:980px;

	background-image: url(../images/head.png);

	background-repeat:no-repeat;

	border-radius:5px;


}


#search .moduletable .search input#mod-search-searchword.inputbox {

	background: url;

}


#search {

	float:left;

	height:25px;

	width:200px;

	padding-top:213px;

	color:#333;


}

[مصطفی صفرعلی 2,891]

با سلام

 

بصورت زیر ویرایش کنید

 

#heder {
    height:200px;
    width:980px;
    background-image: url(../images/head.png);
    background-position: right center;
    background-repeat:no-repeat;
    border-radius:5px;
}

 

موفق و پیروز باشید

یا حق

[hamid80 0]

مرسی جناب صفر علی

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

[مصطفی صفرعلی 2,891]

با سلام

 

ابتدا به مسیر templates/template/css/template.css بروید

 

خط 282 را بصورت زیر ویرایش کنید

 

#right {
    /*background-color: #000099;*/
    border-radius: 5px 5px 5px 5px;
    float: right;
    height: auto;
    margin: 0 auto;
    width: 235px;
}

 

خط 103 را هم بصورت زیر ویرایش کنید

 

#left, #right {
    /*background: -moz-linear-gradient(left top , #0066FF 0%, #0033FF 50%, #0000FF 100%) repeat scroll 0 0 transparent;*/
}

 

حالا در انتهای فایل کد زیر را اضافه کنید

 

div#right .moduletable, div#right .moduletablelightbox-1 {
    background: blue;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 2px 0;
}

 

موفق و پیروز باشید

یا حق

[hamid80 0]

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

من چند تا مشکل دیگه هم دارم ممنون می شوم راهنمایی کنید

من از منو ساز ck استفاده کردم الان منوهاش داخل هم باز می شه و تداخل داره

من رفتم تو خط 312 و mod_maximenuck/themes/default/css/maximenuvck.php?monid=maximenuck

-40px 225px 0 150px

اعدادش تغییر دادم الان این شکلی شد الان زیر منو یکم مشکلش برطرف شد ولی زیر منوهای دیگه خیلی فاصله بینشان افتاد تو عکس مشخصه

عکس

 

 

و الان دوبار کلمه جستجو نوشته شده یکی بیرون از کادر یکی هم داخل من می خواهم اونی که بیرونه حذف بشه با زتو عکس مشخه

 

[مصطفی صفرعلی 2,891]

با سلام

 

من بین زیرمنوها هیچ فاصله ای ندیدم !

 

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

 

موفق و پیروز باشید

یا حق

[hamid80 0]

مرسی جناب صفر علی مشکل دکمه جستجوم برطرف شد ولی برای منوها من امد از کد زیر استفاده کردم

ul.menu.maximenuck li.maximenuck.parent.level1.sfhover div.floatck {margin-right:230px !important;}
ul.menu.maximenuck li.maximenuck.parent.level2.sfhover div.floatck {margin-right:190px !important;}

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

[مصطفی صفرعلی 2,891]

با سلام

 

در خط 565 فایل template.css کد زیر قرار دارد

 

#contents {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 2px solid #EEEEEE;

    margin-bottom: 10px;

    margin-right: -80px !important;

}

 

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

 

موفق و پیروز باشید

یا حق

[hamid80 0]

ممنون من تغییراتی که شما گفتین این طوری نوشتم مشکلم برطرف شد

#right {margin-right:-34px !important}
#left {margin-left:36px !important}


#contents {margin-left:10px; width:480px;!important; background:#ffffff; border:solid 2px #eeeeee; margin-bottom:10px;}

و از شما به عنوان یک طراح حرفهای یک نمره میخواهم بدی و چند تا ایدده برای جذاب تر شدن با تشکر

و در نهایت چه طور به صورت یک بسته نصبی درس بیارم و برا یعموم منتظرش کنم
اگر شما اجازه بدین که این کار پر از ایراد تو فرم شما منتشر بشه

[مصطفی صفرعلی 2,891]

با سلام

 

نیکی و پرسش ...؟! شما صاحب اختیارید

 

والا نظر ندم بهتره چون طرح قالب یه مورد سلیقه ای هست و سلیقه هر فرد با فرد دیگر متفاوته

 

در کل قالب خوب و ساده ای هستش

 

روی نمای مشاهده مطلب بطور کامل (ادامه مطلب) بیشتر کار کنید به نظرم هنوز جا واسه کار داره

 

یه نکته هم بگم اونم اینکه همیشه قالب رو با چند مطلب تست کنید این نکته خیلی مهمه

 

نمایش یک مطلب در یک منو باعث میشه برخی اشکالات خودشون رو نشون ندهند مثل صفحه بندی

 

برای تهیه بسته نصبی میتونید از آکیبا بک آپ استفاده کنید یا اینکه با آموزشهای موجود در انجمن و یا در نت بصورت دستی بسازید

 

موفق و پیروز باشید

یا حق

[hamid80 0]

مرسی دوست عزیز همینی که اجازه انتشار قالبو دادین معلومه نمره قبولی بهش دادین برای زیبا سازی دکمه ادامه مطلب من ادم از این کد استفاده کردم ولی متاسفانه هنوز از لحاظ ظاهر مثل قبلش هست نمی دانم چی کار باید بکنم تا بشه از این کد برای ادامه مطلب استفاده کرد البته نمی خواهم از مدیریت جوملا این کد فراخوانی کنم می خواهم تو فایل templat فراخوانیش کنم

کدی که استفاده کردم

و من از افزونه سیستم ثبت نظرات کاربران استفاده کردم ولی متاسفانه بغل ادامه مطلب قرار نمی گیره و بلاش می ره من می خواهم اگر بشه این دوتا تو یک سطر نمایش داده بشه

 

[مصطفی صفرعلی 2,891]

با سلام

 

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

 

http://www.persian-learn.ir/demo/index.php/home1-4/13-core-features/languages/48-farsi-language

 

تو حالت کامل عنوان مطلبتون دیگه استایلی رو نداره فقط bold شده

 

ضمن اینکه مطالبتون چه در حالت کامل و یا در صفحه اصلی از کناره ها فاصله نداره

 

چون یه border قرار دادید باید یه فاصله هم قرار بدید تا border خودش رو بهتر نشون بده

 

مواردی رو که گفتم صرفا فقط جهت بهتر شدن قالب بود و چون تصمیم به انتشار عمومی قالب دارید میشه در همین حد هم بسنده کرد

 

در مورد تراز دکمه ها هم به انتهای فایل css قالب کد زیر را اضافه کنید

 

p.readmore {
    display: inline-block;
    margin: 0 6px 0 0;
}

 

موفق و پیروز باشید

یا حق

[hamid80 0]

بله حق با شماست وقتی روی ادامه مطلب کلید می کنیم فقط همون مطلبی نمایش داده می شه که در ادامه مطلب هست کل مطلب نمایش داده نمی شه

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

 

اگر منظورتان این باشه

اگر منطورتان این نیست ایا باید کدی اضافه کنم یا باید تو مدیریت جوملا تغییراتی بدم؟

[مصطفی صفرعلی 2,891]

با سلام

 

نه عزیز ، این موردی که شما میگید مربوط به تنظیمات مدیریت مطالب میشه و ارتباطی با طراحی نداره

 

من منظورم روی استایل عنوان مطلب بود و حاشیه های دور مطلب

 

این کدها رو به انتهای فایل css اضافه کنید تاثیرش رو در هر دو حالت مشاهده خواهید کرد

 

div.item-page, div.items-leading, div.items-row {
    padding: 0 5px;
}

div.item-page h2, div.items-leading h2, div.items-row h2 {
    background: url("../images/bg.jpg") repeat right top;
    padding: 0 5px;
}

 

موفق و پیروز باشید

یا حق