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

[ashkanjoon]

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

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

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


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


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

[سعید]

1- مي خواستم من رو راهنمايي كنيد كه چطور مي توانم يك css ايده ال براي قالب خودم درست كنم يا اينكه اگر يه حالت كلي (برنامه كلي) براي css وجود داره
می تونید از برنامه TopStyle Pro استفاده کنید و یا از استایل شیت های سایر سایت ها. مثلا <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>


همچنين چطور ميتوانم در 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 راهنمايي هاي لازم رو بفرماييد ممنون خواهم شد. جهت راهنمايي به تصوير زير نگاه كنيد كه موقيت ماژول ها رو در اين قالب مشخص كرده.

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

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

[ashkanjoon]

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

[sorry4uboth]

از این آموزش و فایل زیر کمک بگیر
آموزش ساخت استایل برای قالب مامبو فارسی (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

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

[ashkanjoon]

از این آموزش و فایل زیر کمک بگیر
آموزش ساخت استایل برای قالب مامبو فارسی (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

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


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

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

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

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

[radmehr]

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

[ashkanjoon]

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


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

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

&lt;img src=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/images/M_images/arrow.png&quot;&gt;
رو مطابق با كدي كه در پايين مشاهده مي كنيد به آن اضافه كردم

// Blank itemid checker for SEF
if ($Itemid == NULL) {
$Itemid = &#039;&#039;;
} else {
$Itemid = &#039;&amp;amp;Itemid=&#039;. $Itemid;
}

$link = sefRelToAbs( &#039;index.php?option=com_content&amp;amp;task=view&amp;amp;id =&#039;. $row-&gt;id . $Itemid );
?&gt;
&lt;li class=&quot;latestnews&lt;?php echo $class_sfx; ?&gt;&quot;&gt;
&lt;img src=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/images/M_images/arrow.png&quot;&gt;
&lt;a href=&quot;&lt;?php echo $link; ?&gt;&quot; class=&quot;latestnews&lt;?php echo $class_sfx; ?&gt;&quot;&gt;

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

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

[sorry4uboth]

اول عذرخواهی بابت لینک ناقص

دوم اینکه چک کنید ببینید اون نقطه ها رو از کجا داره میخونه؟

[ashkanjoon]

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

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

[radmehr]

خب شما برو توی مدیریت مامبو &gt; منو &gt; منوی مورد نظر
چینش منوها رو طبق اون چیزی که میخوای تغییر بده

[ashkanjoon]

خب شما برو توی مدیریت مامبو &gt; منو &gt; منوی مورد نظر
چینش منوها رو طبق اون چیزی که میخوای تغییر بده


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