jahans

آموزش طراحی قالب مخصوص جوملا 2.5 به صورت جامع

آغاز شده توسط: jahans,

به نظر شما آموزش طراحی قالب 2.5 تا چه حدی مورد نیاز کاربر   92 کاربر تا کنون رای داده اند

  1. 1. به نظر شما آموزش طراحی قالب 2.5 تا چه حدی مورد نیاز کاربر

    • مورد نیاز نیست
      3
    • خیلی نیاز داریم
      49
    • نیاز هست ولی اطلاعات کافی نداریم
      24
    • برای آموزش تا به حال کسی قدم بر نداشته است
      16
لطفا وارد حساب کاربری خود شوید یا ثبت نام نمایید تا بتوانید رای خود را در نظر سنجی ارسال نمایید.

73 پست در این موضوع

ارسال شده در

سلام من یه قالب با جوملا 1.5 ساختم ولی حالا میخوام با تغییر در کدهای php اونو به جوملا2.5 تبدیل کنم.نمی دونم حداقل کد لازم برا تبدیل یه قالب جوملا1.5 به جوملا 2.5 چیه!؟لطفا کمک کنید.

همه فایل هاشو در زیر میگذارم.لطفا راهنماییم کنید.


<?php defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<title>toluekerman</title>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytheme3/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytheme3/images/body-bg.png" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css"/>

</head>

<body>

<div id="wrapper">

<div id="container">

<div id="header">

<jdoc:include type="modules" name="header" />

</div>

<div id="menu"><jdoc:include type="modules" name="menu" /></div>

<div id="right-sidebar">

<div class="block">منوی اصلی</div>

<?php if($this->countModules('right-sidebar')) : ?>
<div class="block-content"><jdoc:include type="modules" name="right-sidebar" /> </div>
<?php endif; ?>

<div class="block-content"><jdoc:include type="modules" name="right-sidebar2" /></div>

</div>

<div id="content">

<div class="block"><jdoc:include type="modules" name="titr" /></div>

<div class="slideshow"><jdoc:include type="modules" name="slideshow" /></div>

<div class="content-content"><jdoc:include type="component" /></div>

<div class="block-content1"><jdoc:include type="modules" name="position-right" /></div>

<div class="block-content2"><jdoc:include type="modules" name="position-left" /></div>

</div>

<div id= "left-sidebar">

<div class="block">منوی اصلی</div>

<div class="block-content"><jdoc:include type="modules" name="left-sidebar" /></div>
<div class="block-content"><jdoc:include type="modules" name="left-sidebar2" /></div>

<?php if($this->countModules('top1 or top2 or top3 ')) : ?>
<div class="block-content"><jdoc:include type="modules" name="left-sidebar3" /></div>
<?php endif;?>
</div>

<br style="clear: both"/>

</div>
<div id="footer">
<div class="block-content"><jdoc:include type="modules" name="footer" /></div>
</div>
</div>
</body>
</html>




#wrapper {width: 1024px; background: url(../images/body-bg.png); height:auto; margin: auto}

body {background: url(../images/body-bg3.png); margin: 0; direction: rtl; position: absolute; right: 160px; height: 100%}

#header {width: 1024px; height: 200px; background: url(../images/header1.png); border-radius: 10px;}

#container {background: url(../images/body-bg3.png); width: 1024px; height: auto; margin: auto;}
#menu {background: url(../images/menu3.png); width: 1024px; height: 34px ; display: block; font-family: b farnaz; margin-top: 2px; border-radius: 15px}

ol, ul { list-style: none;}


#right-sidebar{ background: url(../images/body-bg1.png); background-repeat: repeat; width: 230px; height: auto; display: block; float: right; border-radius: 10px; margin-top: 2px}
#right-sidebar .block{ background: url(../images/sidebar-header.png); width: 230px; height: 25px; font-family: b homa; text-align: center; border-radius: 10px;}
#right-sidebar .block-content{width: 230px; height: auto; font-family: b homa; text-align: center; border: solid; border-color: yellow; border-radius: 10px }

ul#sliding-navigation li.sliding-element a{color: #5A82CC; background: url(../images/footer1.png); background-repeat: repeat;  border: 1px solid #1a1a1a;text-decoration: none; width: 190px}

ul#sliding-navigation li.sliding-element a:hover {color: #18CC18;background:#red;}


#content{ background-color: white; width: 560px; height: auto; float: right; display: block; border-radius: 10px; margin-top: 2px; margin-bottom: 5px}
#content .block{background: url(../images/titr1.png); width: 560px; height: 30px; font-family: b titr; font-size: 12px; text-align: right; padding-right: 2px; display: block; border-radius: 10px}
#content .slideshow {background-color: green; width: 560px; height: 300px; display: block; border-radius: 10px}
#content .content-content {text-align: right; font-size: 12pt; padding-right: 8px; padding-left: 8px; font-family: b traffic;}

#content .block-content1{ background-color: gray; width: 273px; height: auto; display: block; text-align: center; float: right; border: groove; border-color:white; border-radius:2px}
#content .block-content2{ background-color: gray; width: 273px; height: auto; display: block; text-align: center; float:left; border: groove; border-color:white; border-radius:2px}

#left-sidebar { background: url(../images/body-bg1.png); background-repeat: repeat; width: 230px; height: auto; float: left; display: block; border-radius: 10px; margin-top: 2px}
#left-sidebar .block{ background: url(../images/sidebar-header.png); width: 230px; height: 25px; font-family: b homa; text-align: center; border-radius: 10px }
#left-sidebar .block-content{width: 230px; height: auto; font-family: b homa; text-align: center; border: solid; border-color: yellow; border-radius: 10px }

#footer {background: url(../images/footer1.png); width: 1024px; height: 150px; border-radius: 15px;}
#footer .block-content{ background-color: none; width: 1024px; height: auto; display: block; text-align: center;}



<?xml version="1.0" encoding="utf-8"?>

<install version="1.5" type="template">

<name>karmaniya</name>
<creationDate>2013/1/1</creationDate>

<author>میثم</author>
<authoremail>mashreghi69@yahoo.com</authoremail>
<authorurl>toluekerman.ir</authorurl>
<copyright>2013</copyright>
<license>joomla</license>
<version>1.0.0</version>
<description>Best</description>


<files>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template.css</filename>
<folder>css/</folder>
<folder>html/</folder>
<folder>images/</folder>

</files>

<positions>

<position>header</position>

<position>menu</position>
<position>right-sidebar</position>
<position>right-sidebar2</position>
<position>titr</position>
<position>slideshow</position>
<position>component</position>
<position>position-right</position>
<position>position-left</position>
<position>left-sidebar</position>
<position>left-sidebar2</position>
<position>left-sidebar3</position>
<position>footer</position>

</positions>
</install>

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ارسال شده در

سلام من یه قالب با جوملا 1.5 ساختم ولی حالا میخوام با تغییر در کدهای php اونو به جوملا2.5 تبدیل کنم.نمی دونم حداقل کد لازم برا تبدیل یه قالب جوملا1.5 به جوملا 2.5 چیه!؟لطفا کمک کنید.

همه فایل هاشو در زیر میگذارم.لطفا راهنماییم کنید.

در فایل های php . css . js تغییر لازم نیست. تنها تغییراتی در templateDetails.xml لازمه که فکر نمیکنم برای قالب شما زیاد لازم باشه. ولی این کد رو به جای کد موجود در templateDetails.xml قرار بدین احتمالا درست بشه :

<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>karmaniya</name>
   <creationDate>2013/1/1</creationDate>
   <author>میثم</author>
   <authoremail>mashreghi69@yahoo.com</authoremail>
   <authorurl>toluekerman.ir</authorurl>
   <copyright>2013</copyright>
   <license>joomla</license>
   <version>1.0.0</version>
   <description>Best</description>

   <files>
	<filename>index.html</filename>
	<filename>index.php</filename>
	<filename>templateDetails.xml</filename>
	<filename>template.css</filename>
	<folder>css/</folder>
	<folder>html/</folder>
	<folder>images/</folder>
   </files>

   <positions>
	<position>header</position>
	<position>menu</position>
	<position>right-sidebar</position>
	<position>right-sidebar2</position>
	<position>titr</position>
	<position>slideshow</position>
	<position>component</position>
	<position>position-right</position>
	<position>position-left</position>
	<position>left-sidebar</position>
	<position>left-sidebar2</position>
	<position>left-sidebar3</position>
	<position>footer</position>
   </positions>
</extension>

موفق باشید

Share this post

Link to post
Share on other sites

ارسال شده در

من قبل روی لوکال هاست پوشه قالبمو توی پوشه ای که توی لوکال برای جوملا 1.5 ساخته بودم قرار دادم.حالا می خوام اونو توی قسمت جوملا 2.5 لوکال بگذارم ولی وقتی از پوشه جوملا 1.5 لوکال حذفش میکنم و توی قسمت جوملا 2.5 می گذارمش هیچی توی قسمت مدیریت قالب جوملا 2.5 نمیاد!!!!؟؟؟؟؟مشکل از کجاست!؟؟

Share this post

Link to post
Share on other sites

ارسال شده در

قالب باید نصب بشه و تنظیماتش توی دیتابیس ثبت بشه

امام حالا میتونید یه کار دیگه هم کنید. به مدیریت افزونه ها -> کاوش برید ، بر روی جستجو کلیک کنید و در لیست باز شده قالبی که ظاهر میشه رو انتخاب و نصب کنید

Share this post

Link to post
Share on other sites

ارسال شده در

ولی یه سئوال دیگه داشتم برای اینکه قالب من تمام صفحه بشه.باید چیکار کنم.منظورم اینه که توی همه مانیتورها بصورت تمام صفحه ظاهر بشه.اندازه ها رو چطوری توی cssقالبم وارد کنم؟بر چه واحدی و چقدر و چگونه؟ممنون میشم راهنمایی کنید.

Share this post

Link to post
Share on other sites

ارسال شده در

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

و برای متغیر ها و اندازه به جای پیکسل درصد تعیین کنید

مثلا درصد برای اندازه قلم ها و غیره

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

Share this post

Link to post
Share on other sites

ارسال شده در

ممنونم.حتما بکار می بندم و نتیجه اون رو اگر یادم بود بهتون میگم.

Share this post

Link to post
Share on other sites

ارسال شده در

سلام.من یه قالب برای جوملا 2.5 طراحی کردم.یه سئوال مهم و اساسی داشتم.من از یک ماژول گلوبال نیوز در دو موقعیت استفاده کرده ام.ولی میخوام صفحه اصلی سایت یه جوری باشه که در موقعیت کامپوننت که همون محتوا است فقط گلوبال نیوزی که قبلا توی دو تا دایو در کنار هم و زیر محتوا قرار داده بودم نمایش داده بشه ولی با کلیک روی ادامه مطالب گلوبال نیوز در صفحات دیگر محتوا سرجای خودش نشون داده بشه.باید چیکار کنم؟چه کدی یا راه حلی داره؟؟؟؟؟؟؟/

کدهای css قالبم:


[/b][/color]

#wrapper {width:100%; background: url(../images/body-bg.png); height:auto; margin: auto}

body {background: url(../images/body-bg3.png); margin: 0; direction: rtl; height: 100%; min-width: 100%; font-family: tahoma; font-size: 10pt}

#header {min-width:100%; height: 200px; background: url(../images/header5.png); border-radius: 10px;}



#container {background: url(../images/body-bg3.png); max-width: 100%; height: auto; margin: auto;}
#menu {background: url(../images/menu3.png); width: 100%; height: 34px ; display: block; font-family: b farnaz; margin-top: 2px; border-radius: 15px}

ol, ul { list-style: none;}


a:link,a:visited { text-decoration: none; color: blue}
a:hover{ text-decoration: none; color: red}


#right-sidebar{ background: white; background-repeat: repeat-y;min-width: 20.5% ; height: auto; display: block; float: right; border-radius: 10px; margin-top: 2px; margin-bottom: 5px}
#right-sidebar .block{ background: blue; width: 100%; height: 25px; font-family: b homa; text-align: center; border-radius: 10px;font-family: b yekan}
#right-sidebar .block-content{width: 20%; height: auto; font-family: b homa; text-align: center; border-radius: 10px }


#content{ background-color: white; max-width: 58% ;height: auto; float: right; display: block; border-radius: 10px; margin-top: 2px; margin-bottom: 5px; margin-right: 2px}
#content .block{background: url(../images/titr1.png); min-width: 64.5%; height: 30px; font-family: b titr; font-size: 12px; text-align: right; padding-right: 2px; display: block; border-radius: 10px}
#content .slideshow {background-color: gray; width: 58%; height: 300px; display: block; border-radius: 10px}
#content .content-content {text-align: right; font-size: 8pt; padding-right: 20px; padding-left:20px; padding-left: 8px; font-family: tahoma; }

#content .block-content1{ background-color: gray; width: 49%; height: auto; display: block; text-align: right; float: right; border: groove; border-color:white; border-radius:10px}
#content .block-content2{ background-color: gray; width: 49%; height: auto; display: block; text-align: right; float:left; border: groove; border-color:white; border-radius:10px}


#left-sidebar { background: blue; background-repeat: repeat-y; width: 20%; height: auto; float: left; display: block; border-radius: 10px; margin-top: 2px; margin-left: 10px}
#left-sidebar .block{ background: url(../images/sidebar-header.png); width: 20% ;height: 25px; font-family: b homa; text-align: center; border-radius: 10px; font-family: b yekan; padding-right: 37% }
#left-sidebar .block-content{width: 230px; height: auto; font-family: b homa; text-align: center; border-radius: 10px }

#footer {background: url(../images/footer1.png); width: 100%; height: 150px; border-radius: 15px;}
#footer .block-content{ background-color: none; width: 100%; height: auto; display: block; text-align: center;}

[color=#ff0000][b]

کدهای php قالبم: 



<?php defined( '_JEXEC' ) or die( 'Restricted access' );
?>

<!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">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<title>toluekerman</title>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />


<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytheme3/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/mytheme3/images/body-bg.png" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css"/>

</head>

<body>

<div id="wrapper">

<div id="container">


<div id="header">

<jdoc:include type="modules" name="header" />


</div>

<div id="menu"><jdoc:include type="modules" name="menu" /></div>


<div id="right-sidebar">

<div class="block">منوی اصلی</div>

<?php if($this->countModules('right-sidebar')) : ?>
<div class="block-content"><jdoc:include type="modules" name="right-sidebar" /> </div>
<?php endif; ?>

<div class="block-content"><jdoc:include type="modules" name="right-sidebar2" /></div>


</div>

<div id="content">

<div class="block"><jdoc:include type="modules" name="titr" /></div>

<div class="slideshow"><jdoc:include type="modules" name="slideshow" /></div>


<div class="content-content"><jdoc:include type="component" /></div>

<div class="block-content1"><jdoc:include type="modules" name="position-right" /></div>

<div class="block-content2"><jdoc:include type="modules" name="position-left" /></div>

</div>

<div id= "left-sidebar">

<div class="block">منوی اصلی</div>

<div class="block-content"><jdoc:include type="modules" name="left-sidebar" /></div>
<div class="block-content"><jdoc:include type="modules" name="left-sidebar2" /></div>

<?php if($this->countModules('top1 or top2 or top3 ')) : ?>
<div class="block-content"><jdoc:include type="modules" name="left-sidebar3" /></div>
<?php endif;?>


</div>


<br style="clear: both"/>


</div>

<div id="footer">

<div class="block-content"><jdoc:include type="modules" name="footer" /></div>


</div>



</div>



</body>



</html>

Share this post

Link to post
Share on other sites

ارسال شده در

خیلی ممنونم استاد.کارم حل شد.ممنون که دوستان طراح رو توی رفع مشکلات طراحی یاری می کنید.

Share this post

Link to post
Share on other sites

ارسال شده در

سلام با چه کد php میشه پوشه و فایل جاوااسکریپت رو لینک داد به قالب؟؟؟؟؟؟؟؟یک نمونه مانند css بگذارید. نام پوشه اصلی قالب من :mytheme3 نام فایل جاوااسکریپت من:index.js نتم پوشه جاوا: js لطفا راهنمایی کنید.

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

سلام.ممنونم.اگر ممکنه طریقه استفاده از پسوند کلاس ماژول در منوها رو توضیح بدین همچنین نحوه استفاده از شناسه تگ در منوها رو.واقعا گیرکردم.نمیدونم چطور اونو به اندازه دلخواه در بیارم یا یه سری تغییرات توش بدم.نحوه کار منوها با ماژولهای دیگه فرق میکنه!!!!از پسوندکلاس ماژول در منو بنویسید واقعا گیرکردم!!! کد سورس قسمت مربوط به منو صفحه رو براتون فرستادم.در id مربوط به menu یه منو قرار دادم که واقعا برای تغییر دادنویژگی های اون مشکل دارم.کد css قالب رو هم براتون فرستادم.

[/color][/b]

<div id="menu">          <ul class="jt-menu"> <li class="item-132"><a href="[url="http://joomlaforum.ir/view-source:http://www.joomla.ir/"]http://www.joomla.ir[/url]" target="_blank" >جوملا</a></li><li class="item-133"><a href="[url="http://joomlaforum.ir/view-source:http://www.joomla.ir/download"]http://www.joomla.ir/download[/url]" target="_blank" >دانلود جوملا</a></li><li class="item-134"><a href="[url="http://joomlaforum.ir/view-source:http://www.joomla.ir/support"]http://www.joomla.ir/support[/url]" target="_blank" >پشتیبانی جوملا</a></li><li class="item-135"><a href="[url="http://joomlaforum.ir/view-source:http://www.joomla.ir/shop"]http://www.joomla.ir/shop[/url]" target="_blank" >افزونه های جوملا</a></li><li class="item-136"><a href="[url="http://joomlaforum.ir/view-source:http://www.cafejoomla.com/"]http://www.cafejoomla.com/[/url]" target="_blank" >قالب های جوملا</a></li><li class="item-137"><a href="[url="http://joomlaforum.ir/view-source:http://www.joomla.ir/webhosting"]http://www.joomla.ir/webhosting[/url]" target="_blank" >هاستینگ جوملا</a></li><li class="item-138"><a href="[url="http://joomlaforum.ir/view-source:http://www.cmsshop.ir/"]http://www.cmsshop.ir/[/url]" target="_blank" >فروشگاه ساز جوملا</a></li><li class="item-139"><a href="[url="http://joomlaforum.ir/view-source:http://www.smshosting.ir/"]http://www.smshosting.ir/[/url]" target="_blank" >نرم افزار ارسال پیامک</a></li><li class="item-141"><a href="[url="http://joomlaforum.ir/view-source:http://www.cafeantivirus.com/"]http://www.cafeantivirus.com/[/url]" target="_blank" >کافه آنتی ویروس</a></li><li class="item-140"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/administrator/"]/joomlame/administrator/[/url]" target="_blank" >ورود به بخش مدیریت</a></li></ul> <script type="text/javascript">     jQuery(document).ready(function(){          jQuery("ul.jt-menu").superfish({              animation:  {opacity:'show', height:'show', width:'show'},             delay:      1000,             speed:      'normal',             autoArrows: true          });      });   </script> <div style="clear: both;"></div> <div style="display:none"><a href="[url="http://joomlaforum.ir/view-source:http://www.jtemplate.ru/en"]http://www.jtemplate.ru/en[/url]" target="_blank">free templates joomla</a></div></div>  [b][color=#0000ff]
[/color][/b]


#wrapper {width:100%; background: url(../images/body-bg.png); height:auto; margin: auto}

body {background: url(../images/body-bg3.png); margin: 0; direction:  rtl; height: 100%; min-width: 100%; font-family: tahoma; font-size:  10pt}

#header {min-width:100%; height: 200px; background: url(../images/header5.png); border-radius: 10px;}



#container {background: url(../images/body-bg3.png); max-width: 100%; height: auto; margin: auto;}
#menu {background: url(../images/menu3.png); width: 100%; height: 30px ;  display: block; font-family: b farnaz; margin-top: 2px; border-radius:  15px; padding-top: 5px}

#menu .search{background-color: none; margin-right: 83%;}
#mod-search-searchword.inputbox {background: white; width: 150px;  border-radius: 5px; border: groove gray 1px; font-family: tahoma;  margin-top: 3px}
#menu .button {font-family: tahoma}


ol, ul { list-style: none;}


a:link,a:visited { text-decoration: none; color: blue}
a:hover{ text-decoration: none; color: red}


#right-sidebar{ background: white; background-repeat:  repeat-y;min-width: 20.5% ; height: auto; display: block; float: right;  border-radius: 10px; margin-top: 2px; margin-bottom: 5px; border: solid;  border-color: silver}
#right-sidebar .block{ background: blue; width: 100%; height: 25px;  font-family: b homa; text-align: center; border-radius:  10px;font-family: b traffic}
#right-sidebar .block-content{width: 20%; height: auto; font-family: b homa; text-align: center; border-radius: 10px;}

#mod_globalnews{width: 10px}

#content{ background-color: white; max-width: 58% ;height: auto; float:  right; display: block; border-radius: 10px; margin-top: 2px;  margin-bottom: 5px; margin-right: 2px}


#content .block1{background: url(../images/titr1.png); min-width: 64.5%;  height: 30px; font-size: 12px; text-align: right; padding-right: 2px;  display: block; border-radius: 10px; font-family: b yekan;  font-size:13pt}

#content .slideshow {background-color: gray; width: 58%; height: 300px; display: block; border-radius: 10px; margin-top: 2%}
#content .content-content {text-align: right; font-size: 8pt;  padding-right: 20px; padding-left:20px; padding-left: 8px; font-family:  tahoma; margin-top: 2%; text-align: right; padding-left: 2% }

#content .content-content .block-content1{ background-color: gray;  width: 49%; height: auto; display: block; text-align: right; float:  right; border: groove; border-color:white; border-radius:10px}
#content .content-content .block-content2{ background-color: gray;  width: 49%; height: auto; display: block; text-align: right; float:left;  border: groove; border-color:white; border-radius:10px}


#left-sidebar { background: white; background-repeat: repeat-y; width:  19.5%; height: auto; float: left; display: block; border-radius: 10px;  margin-top: 2px; margin-left: 10px; border: solid; border-color: silver}
#left-sidebar .block{ background: blue; max-width: 100% ;height: 25px;  font-family: b traffic; text-align: center; border-radius: 10px;  font-family: b yekan}
#left-sidebar .block-content{max-width: 100%; height: auto; font-family:  b homa; text-align: center; border-radius: 10px; border: groove;  border-color: black}


#footer {background: url(../images/footer1.png); width: 100%; height: 150px; border-radius: 15px;}
#footer .block-content{ background-color: none; width: 100%; height: auto; display: block; text-align: center;}

[b][color=#0000ff]

[/color][/b][b][color=#0000ff]
[/color][/b]

ویرایش شده در توسط ansar2000

Share this post

Link to post
Share on other sites

ارسال شده در

در مدیریت ماژول که وار میشید شما میتونید یک کلاس ماژول بنویسید . برای مثال در قسمت کلاس ماژول بنویسید joomlamenu

حالا به css برید و .joomlamenu رو به لیست اضافه کنید و استایل مربوط رو بر روی این کلاس اعمال کنید . این کل کاری که باید انجام بدید هست .

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

سلام.ولی یه مشکل اساسی دارم.یه نگاهی به لینک آموزش زیر بندازید.منظور اون چیه؟(توی قسمت "پسوندکلاس منو" ) من کاری که شما گفتید انجام دادم ولی منوهام هیچ تغییری نکردنآموزش: استفاده از پسوند کلاس در جوملا - دانشنامه جوملا فارسی - مامبو فارسی

ویرایش شده در توسط ansar2000

Share this post

Link to post
Share on other sites

ارسال شده در

به عنوان مثال، سایت شما دارای بخش*هایی مختلفی از جمله وبلاگ است که هر بخش متفاوت می*باشد. اگر شما بخواهید همه این بخش*ها به یک شیوه نمایش داده شوند، نیازی به استفاده از پسوند کلاس نخواهید داشت. ولی اگر بخواهید که هر بخش با بخش دیگر در شکل ظاهری متفاوت باشد، می*بایست از پسوند کلاس استفاده کنید.

این جمله همونی هست که بنده به شما گفتم .

Share this post

Link to post
Share on other sites

ارسال شده در

سلام من یه مشکل اساسی پیدا کردم.کار طراحی قالبم تقریبا تمام شده ولی با منوها مشکل دارم.توی قالب من منوهای متحرک هرگاه قرار بگیرند یه اسکرول افقی زیر صفحه میاد که صفحه رو بزرگ میکنه طوری که اگر اسکرول رو بکشیم کلا صفحه میره وبه اندازه سه تا قالب فضای خالی نشون داده میشه!!!!!!اما منوهای ثابت اینجوری نیستند. ودر موقعیتی که برای منو در بالای صفحه وهرجای دیگری قرار می دهم مشکلی در قالب ایجاد نمیکنند.من موقعیت منوهای متحرک رو هم عوض کرده و امتحان کردم.حتی نوع منوهای متحرک وماژول های منوی متحرک دیگر.ولی همه متحرک ها همینطورند.ولی توی هرموقعیتی که میاد اسکرول افقی پایین صفحه ایجاد می کنه!!بعید میدونم دایو بندی ها واندازه های من مشکل داشته باشه!آیا منو تنظیمات خاصی باید داشته باشه؟ضمنا فعلا روی قالب منوی متحرک dj-menu رو قرار دادم.ولی موندم بالاخره مشکل از کجاست؟ کدقسمت مربوط به منو در سورس صفحه:



<div id="menu"><style> /* design by amirrezatehrani *****na.ir */ .dj-main {background-color:none !important;} .dj-main li a.dj-up_a {color:black !important;} .dj-main li a.dj-up_a:hover {color:blue !important;} .dj-main li.hover a.dj-up_a, .dj-main li.active a.dj-up_a  {background-color:white !important; background-image:none !important} .dj-main li.hover ul.dj-submenu li {background:black !important;} .dj-main li.hover ul.dj-submenu li a {border: 1px solid none !important; color : blue !important; } .dj-main li.hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active { color : red !important;background:silver !important;} .dj-main li ul.dj-submenu li a.dj-more {background-color:black !important;} .dj-main li:hover ul.dj-submenu li a.dj-more:hover { background-color:white !important;color:blue !important;} </style> <ul id="dj-main125" class="dj-main"><li class="dj-up itemid101 first active"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/"]/joomlame/[/url]" class="dj-up_a active" title="صفحه آغازین سایت ..." ><span >صفحه اصلی</span></a></li> <li class="dj-up itemid112"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features"]/joomlame/index.php/extra-features[/url]" class="dj-up_a" title="ویژگی های برجسته جوملا 2.5" ><span class="dj-drop" >معرفی جوملا 2.5</span></a> <ul class="dj-submenu"> <li class="submenu_top" style="display: none"> </li> <li class="itemid115 first"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-joomla"]/joomlame/index.php/extra-features/what-is-joomla[/url]" class="" >جوملا چیست؟</a></li> <li class="itemid116"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-cms"]/joomlame/index.php/extra-features/what-is-cms[/url]" class="" >سیستم مدیریت محتوا چیست؟</a></li> <li class="itemid117 last"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-open-source"]/joomlame/index.php/extra-features/what-is-open-source[/url]" class="" >نرم افزار متن باز چیست؟</a></li> <li class="submenu_bot" style="display: none"> </li> </ul> </li> <li class="dj-up itemid144"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-04-07-38"]/joomlame/index.php/2013-11-01-04-07-38[/url]" class="dj-up_a" ><span >دفاع مقدس</span></a></li> <li class="dj-up itemid146"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-05-51-05"]/joomlame/index.php/2013-11-01-05-51-05[/url]" class="dj-up_a" ><span >اخبار</span></a></li> <li class="dj-up itemid147 last"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-05-52-34"]/joomlame/index.php/2013-11-01-05-52-34[/url]" class="dj-up_a" ><span >گالری عکس</span></a></li> </ul></div>

کد فایل css قالب:



#wrapper {min-width:100%; background: url(../images/body-bg.png); height:auto; margin: auto}

body {background: url(../images/body-bg3.png); margin: 0; direction: rtl; height: 100%; min-width: 100%; font-family: tahoma; font-size: 10pt;}

#header {min-width:100%; height: 200px; background: url(../images/header5.png); border-radius: 10px;}

.breadcrumbsway{position: absolute; margin-right: 85%;}

.css{position: absolute; margin-right: 85%; font-family: b yekan}
.btl-panel{position: absolute; margin-right: 85%; margin-top:10%}
#btl-content-login.btl-content-block{position: absolute; margin-right: 80%; margin-top:13%}
#btl-content-registration.btl-content-block{position: absolute; margin-right: 75%; margin-top:13%}
#container {background: url(../images/body-bg3.png); max-width: 100%; height: auto; margin: auto;}
#menu {background: url(../images/menu3.png); width: auto; height: 30px ; display: block; font-family: tahoma; margin-top: 2px; border-radius: 15px; padding-top: 5px; border: solid; border-color: silver}


.dj-main{width: 100%;background: none; position: absolute; margin-top: -5px; margin-right: 5px; font-family: tahoma ; font-size: 2pt}
.dj-submenu{font-family:b yekan;}


a:link{text-decoration: none; color: blue}
a:visited{text-decoration: none; color: blue}
a:hover{ text-decoration: none; color: red}

#right-sidebar{ background: white; background-repeat: repeat-y;min-width: 20.5% ; height: auto; display: block; float: right; border-radius: 10px; margin-top: 2px; margin-bottom: 5px; border: solid; border-color: silver}
#right-sidebar .block{ background: blue; width: 100%; height: 25px; font-family: b homa; font-size: 15pt; text-align: center; border-radius: 10px; padding-bottom: 5px}
#right-sidebar .block-content{min-width: 20.5%; height: auto; font-family: b homa; text-align: center; border-radius: 10px; border: groove; border-color: black}

.statistic{color: blue; font-family: tahoma}

#content{ background-color: white; max-width: 58% ;height: auto; float: right; display: block; border-radius: 10px; margin-top: 2px; margin-bottom: 10px; margin-right: 2px}
#content .block1{background: url(../images/titr1.png); min-width: 75%; height: 30px; font-size: 12px; text-align: right; padding-right: 2px; display: block; border-radius: 10px; font-family: b yekan; font-size:13pt}
#content .slideshow {background-color: gray; width: 58%; height: 300px; display: block; border-radius: 10px; margin-top: 2%}
#content .content-content {text-align: right; font-size: 8pt; padding-right: 20px; padding-left:20px; padding-left: 8px; font-family: tahoma; margin-top: 2%; text-align: right; padding-left: 2% }

#content .content-content .block-content1{ background-color: gray; width: 49%; height: auto; display: block; text-align: right; float: right; border: groove; border-color:white; border-radius:10px;}
#content .content-content .block-content2{ background-color: gray; width: 49%; height: auto; display: block; text-align: right; float:left; border: groove; border-color:white; border-radius:10px;}


#left-sidebar { background: white; background-repeat: repeat-y; width: 19.5%; height: auto; float: left; display: block; border-radius: 10px; margin-top: 2px; margin-left: 10px; border: solid; border-color: silver}
#left-sidebar .block{ background: blue; max-width: 100% ;height: 25px; font-family: b homa;font-size: 15pt; text-align: center; border-radius: 10px; padding-bottom: 5px}
#left-sidebar .block-content{max-width: 100%; height: auto; font-family: b homa; text-align: center; border-radius: 10px; border: groove; border-color: black}
#footer {background: url(../images/footer1.png); max-width: 100%; height: 150px;}
#footer .block-content{ background-color: none; max-width: 100%; height: auto; display: block; text-align: center;}

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

سلام من یه مشکل اساسی پیدا کردم.کار طراحی قالبم تقریبا تمام شده ولی با منوها مشکل دارم.توی قالب من منوهای متحرک هرگاه قرار بگیرند یه اسکرول افقی زیر صفحه میاد که صفحه رو بزرگ میکنه طوری که اگر اسکرول رو بکشیم کلا صفحه میره وبه اندازه سه تا قالب فضای خالی نشون داده میشه!!!!!!اما منوهای ثابت اینجوری نیستند. ودر موقعیتی که برای منو در بالای صفحه وهرجای دیگری قرار می دهم مشکلی در قالب ایجاد نمیکنند.من موقعیت منوهای متحرک رو هم عوض کرده و امتحان کردم.حتی نوع منوهای متحرک وماژول های منوی متحرک دیگر.ولی همه متحرک ها همینطورند.ولی توی هرموقعیتی که میاد اسکرول افقی پایین صفحه ایجاد می کنه!!بعید میدونم دایو بندی ها واندازه های من مشکل داشته باشه!آیا منو تنظیمات خاصی باید داشته باشه؟ضمنا فعلا روی قالب منوی متحرک dj-menu رو قرار دادم.ولی موندم بالاخره مشکل از کجاست؟

کدقسمت مربوط به منو در سورس صفحه:



<div id="menu"><style> /* design by amirrezatehrani *****na.ir */ .dj-main {background-color:none !important;} .dj-main li a.dj-up_a {color:black !important;} .dj-main li a.dj-up_a:hover {color:blue !important;} .dj-main li.hover a.dj-up_a, .dj-main li.active a.dj-up_a  {background-color:white !important; background-image:none !important} .dj-main li.hover ul.dj-submenu li {background:black !important;} .dj-main li.hover ul.dj-submenu li a {border: 1px solid none !important; color : blue !important; } .dj-main li.hover ul.dj-submenu li a:hover, .dj-main li ul.dj-submenu li a.active, .dj-main li ul.dj-submenu li li a.active, .dj-main li ul.dj-submenu li li li a.active { color : red !important;background:silver !important;} .dj-main li ul.dj-submenu li a.dj-more {background-color:black !important;} .dj-main li:hover ul.dj-submenu li a.dj-more:hover { background-color:white !important;color:blue !important;} </style> <ul id="dj-main125" class="dj-main"><li class="dj-up itemid101 first active"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/"]/joomlame/[/url]" class="dj-up_a active" title="صفحه آغازین سایت ..." ><span >صفحه اصلی</span></a></li> <li class="dj-up itemid112"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features"]/joomlame/index.php/extra-features[/url]" class="dj-up_a" title="ویژگی های برجسته جوملا 2.5" ><span class="dj-drop" >معرفی جوملا 2.5</span></a> <ul class="dj-submenu"> <li class="submenu_top" style="display: none"> </li> <li class="itemid115 first"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-joomla"]/joomlame/index.php/extra-features/what-is-joomla[/url]" class="" >جوملا چیست؟</a></li> <li class="itemid116"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-cms"]/joomlame/index.php/extra-features/what-is-cms[/url]" class="" >سیستم مدیریت محتوا چیست؟</a></li> <li class="itemid117 last"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/extra-features/what-is-open-source"]/joomlame/index.php/extra-features/what-is-open-source[/url]" class="" >نرم افزار متن باز چیست؟</a></li> <li class="submenu_bot" style="display: none"> </li> </ul> </li> <li class="dj-up itemid144"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-04-07-38"]/joomlame/index.php/2013-11-01-04-07-38[/url]" class="dj-up_a" ><span >دفاع مقدس</span></a></li> <li class="dj-up itemid146"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-05-51-05"]/joomlame/index.php/2013-11-01-05-51-05[/url]" class="dj-up_a" ><span >اخبار</span></a></li> <li class="dj-up itemid147 last"><a href="[url="http://joomlaforum.ir/view-source:http://localhost/joomlame/index.php/2013-11-01-05-52-34"]/joomlame/index.php/2013-11-01-05-52-34[/url]" class="dj-up_a" ><span >گالری عکس</span></a></li> </ul></div>

کد فایل css قالب:



#wrapper {min-width:100%; background: url(../images/body-bg.png); height:auto; margin: auto}

body  {background: url(../images/body-bg3.png); margin: 0; direction: rtl;  height: 100%; min-width: 100%; font-family: tahoma; font-size: 10pt;}

#header {min-width:100%; height: 200px; background: url(../images/header5.png); border-radius: 10px;}

.breadcrumbsway{position: absolute; margin-right: 85%;}

.css{position: absolute; margin-right: 85%; font-family: b yekan}
.btl-panel{position: absolute; margin-right: 85%; margin-top:10%}
#btl-content-login.btl-content-block{position: absolute; margin-right: 80%; margin-top:13%}
#btl-content-registration.btl-content-block{position: absolute; margin-right: 75%; margin-top:13%}
#container {background: url(../images/body-bg3.png); max-width: 100%; height: auto; margin: auto;}
#menu  {background: url(../images/menu3.png); width: auto; height: 30px ;  display: block; font-family: tahoma; margin-top: 2px; border-radius:  15px; padding-top: 5px; border: solid; border-color: silver}


.dj-main{width:  100%;background: none; position: absolute; margin-top: -5px;  margin-right: 5px; font-family: tahoma ; font-size: 2pt}
.dj-submenu{font-family:b yekan;}


a:link{text-decoration: none; color: blue}
a:visited{text-decoration: none; color: blue}
a:hover{ text-decoration: none; color: red}

#right-sidebar{  background: white; background-repeat: repeat-y;min-width: 20.5% ;  height: auto; display: block; float: right; border-radius: 10px;  margin-top: 2px; margin-bottom: 5px; border: solid; border-color:  silver}
#right-sidebar .block{ background: blue; width: 100%; height:  25px; font-family: b homa; font-size: 15pt; text-align: center;  border-radius: 10px; padding-bottom: 5px}
#right-sidebar  .block-content{min-width: 20.5%; height: auto; font-family: b homa;  text-align: center; border-radius: 10px; border: groove; border-color:  black}

.statistic{color: blue; font-family: tahoma}

#content{  background-color: white; max-width: 58% ;height: auto; float: right;  display: block; border-radius: 10px; margin-top: 2px; margin-bottom:  10px; margin-right: 2px}
#content .block1{background:  url(../images/titr1.png); min-width: 75%; height: 30px; font-size: 12px;  text-align: right; padding-right: 2px; display: block; border-radius:  10px; font-family: b yekan; font-size:13pt}
#content .slideshow {background-color: gray; width: 58%; height: 300px; display: block; border-radius: 10px; margin-top: 2%}
#content  .content-content {text-align: right; font-size: 8pt; padding-right:  20px; padding-left:20px; padding-left: 8px; font-family: tahoma;  margin-top: 2%; text-align: right; padding-left: 2% }

#content  .content-content .block-content1{ background-color: gray; width: 49%;  height: auto; display: block; text-align: right; float: right; border:  groove; border-color:white; border-radius:10px;}
#content  .content-content .block-content2{ background-color: gray; width: 49%;  height: auto; display: block; text-align: right; float:left; border:  groove; border-color:white; border-radius:10px;}


#left-sidebar  { background: white; background-repeat: repeat-y; width: 19.5%; height:  auto; float: left; display: block; border-radius: 10px; margin-top:  2px; margin-left: 10px; border: solid; border-color: silver}
#left-sidebar  .block{ background: blue; max-width: 100% ;height: 25px; font-family: b  homa;font-size: 15pt; text-align: center; border-radius: 10px;  padding-bottom: 5px}
#left-sidebar .block-content{max-width: 100%;  height: auto; font-family: b homa; text-align: center; border-radius:  10px; border: groove; border-color: black}
#footer {background: url(../images/footer1.png); max-width: 100%; height: 150px;}
#footer .block-content{ background-color: none; max-width: 100%; height: auto; display: block; text-align: center;}

ویرایش شده در توسط ansar2000

Share this post

Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک آموزشهای جوملا 1.7 و 2.5