مشكل در ايجاد css قالب و ترتيب قرار گيري منو سايت

[ashkanjoon]

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

1- مي خواستم من رو راهنمايي كنيد كه چطور مي توانم يك css ايده ال براي قالب خودم درست كنم يا اينكه اگر يه حالت كلي (برنامه كلي) براي css وجود داره معرفي كنيد تا با تغييرات جزئيات اون به css دلخواه خودم برسم. در غير اينصورت بفرماييد چگونه مي توانم براي همين css ي كه به صورت دست و پا شكسته به اين قالبم اختصاص دادم ui , li رو تعريف كنم همچنين چطور ميتوانم در css تعريف كنم كه در كل سايت بعد از رفتمن روي لينك ها زير اون متن لينك شده خط ايجاد نشه

2- يه مشكل كوچيك هم با منو ايجاد شده دارم و اون اين هست كه در منوي سايت دو كامپوننت جستجوي پيشرفته و تماس با ما وجود داره و بقيه عنوان ها نام بخش هايي هستند كه هر كدام از زير مجموعه هايي تشكيل شدند. من با بخش هاي ايجاد شده در منو مشكلي ندارم چون به همون ترتيبي هست كه دوست داشتم اما اون دو تا كامپوننت مايلم در انتهاي منو قرار بگيره نه در ايتداي منو (يعني بعد از بخش مشتريان) اما خيلي كار كردم كه بتونم موفق به انجام اين كار بشم اما نشد به اين لحاظ از شما دوستان گرامي در اين زمينه كمك و راهنمايي مي خواهم


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[سعید]

1- مي خواستم من رو راهنمايي كنيد كه چطور مي توانم يك css ايده ال براي قالب خودم درست كنم يا اينكه اگر يه حالت كلي (برنامه كلي) براي css وجود داره

می تونید از برنامه TopStyle Pro استفاده کنید و یا از استایل شیت های سایر سایت ها. مثلا [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

همچنين چطور ميتوانم در css تعريف كنم كه در كل سايت بعد از رفتمن روي لينك ها زير اون متن لينك شده خط ايجاد نشه

برای اون دو تای اولی :

 UL {
دستورات ...
}

 LI {
دستورات ...
}

و برای لینک :

A:link {
	; TEXT-DECORATION: none
}
A:visited {
	; TEXT-DECORATION: none
}
A:hover {
	; TEXT-DECORATION: none
}

[ashkanjoon]

محتوي فايل css من به شرح ذيل هست. لطفا بفرماييد چه تغييراتي به اون اعمال كنم مي توانم يه فايل ايداه آل داشته باشم كه مواردي رو هم كه در بالا گفتم شامل بشه.

body {
	margin-bottom: 0px; DIRECTION: rtl
	background-color: #FFFFFF;
}
td, textarea, input, TR, p, DIV select {
	font-family: Tahoma;
	font-size: 11px;
	color: 4E4E4E;
	font-weight: normal;
	line-height: 12px;
}

#mainlevel-nav A:hover {
	
}
.newsflash TD {
	VERTICAL-ALIGN: middle; COLOR: #000000; TEXT-ALIGN: justify
}

.frame {
	border: 1px solid #99B6BA;
}

.pathway {
	FONT-SIZE: 9px; FONT-FAMILY: Tahoma
}
A.pathway:link {
	FONT-WEIGHT: normal; COLOR: #3778b4
}
A.pathway:visited {
	FONT-WEIGHT: normal; COLOR: #3778b4
}
A.pathway:hover {
	FONT-WEIGHT: normal; COLOR: #3778b4; TEXT-DECORATION: none
}

.title {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #4E4E4E; MARGIN-RIGHT: 11px; FONT-FAMILY: Tahoma
}
.subtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #4E4E4E; MARGIN-RIGHT: 20px; FONT-FAMILY: Tahoma; LETTER-SPACING: 2px
}

.contentheading {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3778b4; FONT-FAMILY: Tahoma; TEXT-ALIGN: right
}
.componentheading {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #3778b4; FONT-FAMILY: Tahoma; TEXT-ALIGN: right
}

.text1 {
	font-family: tahoma;
	font-size: 10px;
	color: 324d62;
	font-weight: bold;
}

.text3 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 324d62;
}

a:link {
	color: 324d62;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;

}
a:visited {
	color: 324d62;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}

a:hover {
	color: 324d62;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

a.a:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 324d62;
	text-decoration: underline;
}
a.a:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 324d62;
	text-decoration: underline;
}
a.a:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 324d62;
	text-decoration: none;
}

a.b:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 737373;
	text-decoration: underline;
}
a.b:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 737373;
	text-decoration: underline;
}
a.b:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 737373;
	text-decoration: none;
}

a.c:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 71A2CB;
	text-decoration: none;
}
a.c:visited {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 71A2CB;
	text-decoration: none;
}
a.c:hover {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 71A2CB;
	text-decoration: underline;
}

a.d:link {



	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.d:visited {


	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.d:hover {


	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

a.e:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: 71A2CB;
	text-decoration: underline;
}
a.e:visited {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: 71A2CB;
	text-decoration: underline;
}
a.e:hover {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #81992B;
	text-decoration: none;
}

a.f:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 898989;
	text-decoration: underline;
}
a.f:visited {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 898989;
	text-decoration: underline;
}
a.f:hover {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #81992B;
	text-decoration: none;
}

a.g:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.g:visited {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.g:hover {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}

.inputstyle {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}

ضمنا اگه ايراداتي داره حتما به من بگيد . با تشكر

[mhadaily]

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


ممنون

[ashkanjoon]

دوستان اين هم از فايل هاي مربوطه به قالب. لطفا پس از بررسي اشكالات و ايراداتي رو كه ممكنه داشته باشه لطف كنيد به من بگيد چون اين موضوع رو خيلي نياز دارم. ضمنا بعد از نصب قالب بايد تغيري در موقعيت ماژول هاي مامبو بديد تا مطالب به شكل درستي در قالب روئيت بشن. ضمنا اگر در خصوص فايل css راهنمايي هاي لازم رو بفرماييد ممنون خواهم شد. جهت راهنمايي به تصوير زير نگاه كنيد كه موقيت ماژول ها رو در اين قالب مشخص كرده.

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

دريافت قالب: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[ashkanjoon]

دوستان در اين مورد كسي مطلبي، راهنمايي به ذهنش نمي رسه؟

[sorry4uboth]

از این آموزش و فایل زیر کمک بگیر
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[ashkanjoon]

[quote author=محمد link=topic=8125.msg46377#msg46377 date=1187263185]
از این آموزش و فایل زیر کمک بگیر
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[/quote]

ببخشيد محمد جان قبلا خودتون اين اموزش ها رو چك كرديد آخه آموزش مامبو لرن كه تماما تصويري هست متاسفانه هيچكدوم از تصاوير نشون داده نميشن ظاهرا يا ادرسشون تغييري كرده يا پاك شدن

[img width=526 height=480]http://img.majidonline.com/pic/109121/1.JPG[/img]

در مورد دومي هم اصلا چنين اموزشي وجود نداره :-\

[radmehr]

منظور محمد این بوده: sorry4uboth.persiangig.com/mambo/MamboCSS.swf

[ashkanjoon]

[quote author=رادمهر link=topic=8125.msg46392#msg46392 date=1187272617]
منظور محمد این بوده: sorry4uboth.persiangig.com/mambo/MamboCSS.swf
[/quote]

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

1- در ابتدا فايل mod_latestnews.php رو ويرايش كردم و كد:

<img src="<?php echo $mosConfig_live_site;?>/images/M_images/arrow.png">

رو مطابق با كدي كه در پايين مشاهده مي كنيد به آن اضافه كردم

// Blank itemid checker for SEF
		if ($Itemid == NULL) {
			$Itemid = '';
		} else {
			$Itemid = '&Itemid='. $Itemid;
		}
		
		$link = sefRelToAbs( 'index.php?option=com_content&task=view&id='. $row->id . $Itemid );
		?>
		<li class="latestnews<?php echo $class_sfx; ?>">
		<img src="<?php echo $mosConfig_live_site;?>/images/M_images/arrow.png">
        <a href="<?php echo $link; ?>" class="latestnews<?php echo $class_sfx; ?>">

و در نهايت تصوير مربوطه در اين ماژول جلوي عنوان هر خبر ايجاد شد اما قبل از اين تصوير يك نقطه بولد شده قرار داره مانند شكل زير كه نمي دونم چطور بايد حذف كنمش لطفا در اين مورد هم من رو راهنمايي كنيد.