استفاده از css ماژول ها

نویسنده behzad_vb.net, بعد از ظهر 14:38:40 - 12/03/11

« مشکل در کامپوننت مدیریت کاربر CB | مشکل در سیستم بعد از بک اپ »

0 اعضا و 1 مهمان درحال دیدن موضوع.

behzad_vb.net

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

aria_com63

سلام
اسم قالبتون رو بگین تا پسوندهای کلاس ماژول مربوط به قالبتون رو بهتون بگم.

behzad_vb.net

این تمام کدهای قالب من است اگر لازم است ضمیمه کنم





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa-ir" lang="fa-ir" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="جوملا, جوملا" />
  <meta name="title" content="تالار نصف جهان" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="جوملا فارسی - سیستم مدیریت محتوا - پشتیبانی و توسعه توسط گروه نرم افزاری جوملا" />

  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management. Developed By Navid Iranian Co. Ltd" />
  <title>تالار نصف جهان</title>
  <script type="text/javascript" src="/site-localhost-20111127-201934/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/site-localhost-20111127-201934/media/system/js/caption.js"></script>
  <script type="text/javascript" src="http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/js/swfobject.js"></script>
  <script type="text/javascript">
var cacheBuster = "?t="   Date.parse(new Date()); var stageW = "300"; var stageH = "300"; var attributes = {}; attributes.id = 'RSFlashionModule22'; attributes.name = attributes.id; var params = {}; params.wmode = "transparent"; params.bgcolor = "#ffffff"; var flashvars = {}; flashvars.componentWidth = stageW; flashvars.componentHeight = stageH; flashvars.pathToFiles = ""; flashvars.xmlPath = "http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/xml/rsflashion_22.xml"; swfobject.embedSWF("http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/swf/preview.swf" cacheBuster, attributes.id, stageW, stageH, "9.0.124", "http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/swf/expressInstall.swf", flashvars, params);
var cacheBuster = "?t="   Date.parse(new Date()); var stageW = "630"; var stageH = "300"; var attributes = {}; attributes.id = 'RSFlashionModule20'; attributes.name = attributes.id; var params = {}; params.wmode = "transparent"; params.bgcolor = "#ffffff"; var flashvars = {}; flashvars.componentWidth = stageW; flashvars.componentHeight = stageH; flashvars.pathToFiles = ""; flashvars.xmlPath = "http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/xml/rsflashion_20.xml"; swfobject.embedSWF("http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/swf/preview.swf" cacheBuster, attributes.id, stageW, stageH, "9.0.124", "http://localhost/site-localhost-20111127-201934/modules/mod_rsflashion/swf/expressInstall.swf", flashvars, params);
  </script>

<link rel="stylesheet" href="/site-localhost-20111127-201934/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/site-localhost-20111127-201934/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="/site-localhost-20111127-201934/templates/zeoxy/css/template.css" media="screen" />
<link href="/site-localhost-20111127-201934/templates/zeoxy/css/template_rtl.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="/site-localhost-20111127-201934/templates/zeoxy/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/site-localhost-20111127-201934/templates/zeoxy/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="/site-localhost-20111127-201934/templates/zeoxy/script.js"></script>
</head>

<body>


</div>
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>

    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu"><li class="item4"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=4"><span class="l"> </span><span class="r"> </span><span class="t">درباره ما</span></a></li><li class="item5"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=5"><span class="l"> </span><span class="r"> </span><span class="t">منوها</span></a></li><li class="item7"><a href="/site-localhost-20111127-201934/index.php?option=com_phocagallery&amp;view=categories&amp;Itemid=7"><span class="l"> </span><span class="r"> </span><span class="t">گالری</span></a></li><li class="parent item8"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=8"><span class="l"> </span><span class="r"> </span><span class="t">باغ ویلا</span></a><ul><li class="item11"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=11">dfdf</a></li></ul></li><li class="item9"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=9"><span class="l"> </span><span class="r"> </span><span class="t">عکس و فیلم</span></a></li><li class="item10"><a href="/site-localhost-20111127-201934/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=10"><span class="l"> </span><span class="r"> </span><span class="t">تماس با ما</span></a></li></ul></div>

<div class="art-header">
    <div class="art-header-jpeg">
     
    </div>
<script type="text/javascript" src="/site-localhost-20111127-201934/templates/zeoxy/swfobject.js"></script>
<div id="art-flash-area">
    <!--<![endif]-->
</object>
</div>
</div>
<script type="text/javascript">swfobject.switchOffAutoHideShow();swfobject.registerObject("art-flash-object", "9.0.0", "/site-localhost-20111127-201934/templates/zeoxy/expressInstall.swf");</script>
<div class="art-logo">

<div id="slogan-text" class="art-logo-text"> </div>
</div>


</div>

<table class="position" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
  <td width="67%"><div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>

    <div class="art-block-br"></div>
    <div class="art-block-tc"></div>
    <div class="art-block-bc"></div>
    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockcontent">
    <div class="art-blockcontent-body">

<!-- block-content -->

<div id="RSFlashionModule20"><p>In order to view this object you need Flash Player 9  support!</p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a><p>Powered by <a href="http://www.rswebsols.com" target="_blank">RS Web Solutions</a></p></div>
<!-- /block-content -->

<div class="cleared"></div>
    </div>
</div>


<div class="cleared"></div>

    </div>
</div>

</td>
  <td><div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>
    <div class="art-block-br"></div>
    <div class="art-block-tc"></div>

    <div class="art-block-bc"></div>
    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<!-- block-content -->

<div id="RSFlashionModule22"><p>In order to view this object you need Flash Player 9  support!</p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a><p>Powered by <a href="http://www.rswebsols.com" target="_blank">RS Web Solutions</a></p></div>

<!-- /block-content -->

<div class="cleared"></div>
    </div>
</div>


<div class="cleared"></div>
    </div>
</div>

</td>
</tr>

</table>
<div class="art-content-layout">
    <div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1"><div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>
    <div class="art-block-br"></div>
    <div class="art-block-tc"></div>
    <div class="art-block-bc"></div>

    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockheader">
    <div class="l"></div>
    <div class="r"></div>
     <div class="t">
ورود اعضا</div>

</div>

<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<!-- block-content -->

<form action="/site-localhost-20111127-201934/index.php" method="post" name="login" id="form-login" >
ورود به کاربری <fieldset class="input">
<p id="form-login-username">
<label for="modlgn_username">شناسه</label><br />

<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
</p>
<p id="form-login-password">
<label for="modlgn_passwd">گذرواژه</label><br />
<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />
</p>
<p id="form-login-remember">
<label for="modlgn_remember">مرا به خاطر بسپار</label>

<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
</p>
<span class="art-button-wrapper"><span class="l"> </span><span class="r"> </span><input type="submit" name="Submit" class="button art-button" value="ورود" /></span>
</fieldset>
<ul>
<li>
<a href="/site-localhost-20111127-201934/index.php?option=com_user&amp;view=reset">
بازیابی گذرواژه</a>

</li>
<li>
<a href="/site-localhost-20111127-201934/index.php?option=com_user&amp;view=remind">
بازیابی شناسه</a>
</li>
<li>
<a href="/site-localhost-20111127-201934/index.php?option=com_user&amp;view=register">
ایجاد یک حساب</a>

</li>
</ul>
خوش امدید کاربر گرامی
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="L3NpdGUtbG9jYWxob3N0LTIwMTExMTI3LTIwMTkzNC8=" />
<input type="hidden" name="62e33eb16746cdc3e22bcb45f1bc9691" value="1" /></form>

<!-- /block-content -->

<div class="cleared"></div>

    </div>
</div>


<div class="cleared"></div>
    </div>
</div>

<div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>

    <div class="art-block-br"></div>
    <div class="art-block-tc"></div>
    <div class="art-block-bc"></div>
    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockheader">
    <div class="l"></div>

    <div class="r"></div>
     <div class="t">
رای گیری</div>
</div>

<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<!-- block-content -->

<form action="index.php" method="post" name="form2">

<table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll">
<thead>
<tr>
<td style="font-weight: bold;">
کیفیت غداها </td>
</tr>
</thead>
<tr>
<td align="center">

<table class="pollstableborder" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid1" value="1" alt="1" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid1">
عالی </label>

</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input type="radio" name="voteid" id="voteid2" value="2" alt="2" />
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid2">
خوب </label>

</td>
</tr>
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid3" value="3" alt="3" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid3">
متوسط </label>

</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input type="radio" name="voteid" id="voteid4" value="4" alt="4" />
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid4">
ضعیف </label>

</td>
</tr>
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid5" value="5" alt="5" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid5">
خیلی ضعیف </label>

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="center">
<span class="art-button-wrapper"><span class="l"> </span><span class="r"> </span><input type="submit" name="task_button" class="button art-button" value="رای" /></span>

&nbsp;
<span class="art-button-wrapper"><span class="l"> </span><span class="r"> </span><input type="button" name="option" class="button art-button" value="نتایج" onclick="document.location.href='/site-localhost-20111127-201934/index.php?option=com_poll&amp;id=1:1390-09-07-22-50-15'" /></span>
</div>
</td>
</tr>
</table>

<input type="hidden" name="option" value="com_poll" />
<input type="hidden" name="task" value="vote" />

<input type="hidden" name="id" value="1" />
<input type="hidden" name="62e33eb16746cdc3e22bcb45f1bc9691" value="1" /></form>
<!-- /block-content -->

<div class="cleared"></div>
    </div>
</div>


<div class="cleared"></div>
    </div>
</div>


</div>
<div class="art-layout-cell art-content">

<div class="art-post">
    <div class="art-post-tl"></div>
    <div class="art-post-tr"></div>
    <div class="art-post-bl"></div>
    <div class="art-post-br"></div>
    <div class="art-post-tc"></div>
    <div class="art-post-bc"></div>

    <div class="art-post-cl"></div>
    <div class="art-post-cr"></div>
    <div class="art-post-cc"></div>
    <div class="art-post-body">
<div class="art-post-inner">
<div class="art-postmetadataheader">
<h2 class="art-postheader"><img src="/site-localhost-20111127-201934/templates/zeoxy/images/postheadericon.png" alt="postheadericon" width="30" height="30" />
تالار نصف جهان
</h2>
</div>
<div class="art-postcontent">
    <!-- article-content -->

<div class="art-article"><p>تلار پذیرایی نصف جهان آماده برگزاری کلیه مراسم  شما عزیزان در سراسر سال می باشد.<br /><br />تالار نصف جهان با محوطه سبز زیبا،طراحی داخلی مجلل و شکیل،سلف سرویس متنوع،آتلیه عکس،اتاق عقد مطالبق با سلیقه شما و سایر امکانات محیط مناسبی را برای برگزاری مراسم های شادی و سوگواری شما فراهم آورده است.<br /><br />ما به شما اطمینان میدهیم تا   شبی به یاد ماندنی را برای شما و میهمانان گرامیتان خلق کنیم تا همیشه در خاطر گرامی شما باقی بماند.</p>

</div><span class="article_separator">&nbsp;</span>
    <!-- /article-content -->
</div>
<div class="cleared"></div>

</div>

<div class="cleared"></div>
    </div>

</div>


</div>
<div class="art-layout-cell art-sidebar2"><div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>
    <div class="art-block-br"></div>
    <div class="art-block-tc"></div>
    <div class="art-block-bc"></div>

    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockheader">
    <div class="l"></div>
    <div class="r"></div>
     <div class="t">
منوی اصلی</div>

</div>

<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<!-- block-content -->

<ul class="menu"><li id="current" class="active item1"><a href="http://localhost/site-localhost-20111127-201934/"><span>صفحه اصلی</span></a></li><li class="item3"><a href="http://www.smsfanavaran.ir" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,');return false;"><span>سامانه اس ام اس</span></a></li></ul>
<!-- /block-content -->

<div class="cleared"></div>
    </div>

</div>


<div class="cleared"></div>
    </div>
</div>

<div class="art-block">
    <div class="art-block-tl"></div>
    <div class="art-block-tr"></div>
    <div class="art-block-bl"></div>
    <div class="art-block-br"></div>

    <div class="art-block-tc"></div>
    <div class="art-block-bc"></div>
    <div class="art-block-cl"></div>
    <div class="art-block-cr"></div>
    <div class="art-block-cc"></div>
    <div class="art-block-body">

<div class="art-blockheader">
    <div class="l"></div>
    <div class="r"></div>

     <div class="t">
حاضرین در سایت</div>
</div>

<div class="art-blockcontent">
    <div class="art-blockcontent-body">
<!-- block-content -->

&nbsp;1 مهمان&nbsp;حاضر
<!-- /block-content -->


<div class="cleared"></div>
    </div>
</div>


<div class="cleared"></div>
    </div>
</div>

</div>

    </div>

</div>
<div class="cleared"></div>


<div class="art-footer">
<div class="art-footer-inner">
  <p style="text-align: center;">کلیه حقوق این سایت متعلق است به شرکت نگارستان UPVC<br />طراحی وب سایت توسط <a href="http://www.persian-market.net" target="_self" title="طراحی وب سایت">گروه طراحی پرشین مارکت</a></p>  <div class="art-footer-text">
  <p>&nbsp;</p>

    </div>

</div>
<div class="art-footer-background"></div>
</div>

<div class="cleared"></div>
    </div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>

</div>

</body>

</html>


aria_com63

سلام
این کدها لازم نیست ,فقط اسم قالبتون رو بگین پسوند کلاس هاش رو بهتون می گم.

behzad_vb.net

اسم قالب zeoxy اما چطوری این کارو میکنید

mohammad a


behzad_vb.net

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

aria_com63

شما به پوشه templates سایتتون برید ، بعدش وارد پوشه قالب پیش فرضتون بشین. در اونجا یک پوشه به اسم css هستش که فایلهای css قالبتون در اونجا قرار داره.

Amir Shahbazzadeh

برای قرار دادن صحیح کلاس ماژول در قالب تم , به شکل زبر عمل شود.

<div class="moduletable" >

یک _ در class ماژول قرار می گیرد و به شکل زیر نمایش داده می شود.

<div class="moduletable_stylegreen" >







Share via facebook Share via linkedin Share via telegram Share via twitter Share via whatsapp

https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
فاصله حروف در css

نویسنده ali22 در زبان های برنامه نویسی

4 ارسال
2287 مشاهده
آخرین ارسال: قبل از ظهر 10:45:06 - 12/25/11
توسط
ali22
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
ایجاد موقعیت در css

نویسنده behzad_vb.net در زبان های برنامه نویسی

2 ارسال
2497 مشاهده
آخرین ارسال: بعد از ظهر 13:23:04 - 01/21/12
توسط
maxim354
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
آشنایی با Css ,Html

نویسنده Amir Shahbazzadeh در زبان های برنامه نویسی

1 ارسال
1842 مشاهده
آخرین ارسال: بعد از ظهر 22:29:16 - 06/27/11
توسط
Amir Shahbazzadeh
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش جامع css

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
1914 مشاهده
آخرین ارسال: بعد از ظهر 14:53:05 - 10/20/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/clip.png
ایجاد متن سایه دار با CSS

نویسنده متا در زبان های برنامه نویسی

0 ارسال
398 مشاهده
آخرین ارسال: بعد از ظهر 20:03:56 - 01/31/22
توسط
متا
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
No Images. No JS. Just CSS بدون شرح ولی جالب

نویسنده mohammad a در زبان های برنامه نویسی

0 ارسال
1407 مشاهده
آخرین ارسال: بعد از ظهر 21:12:27 - 12/02/11
توسط
mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اسم این ماژول چیست؟

نویسنده mohammad a در نرم افزار طراحی وب, Web Design

0 ارسال
1763 مشاهده
آخرین ارسال: بعد از ظهر 17:19:04 - 06/21/11
توسط
mohammad a