javan44

گذاشتن منوی css

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

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

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

ارسال شده در

فایلتون رو بذارید . مشکلی نداره . به هر اسمی که خواستید بارید . فقط داخل ایندکس قالب باید تعریف کنید . در قسمت هدر باید تعریفش کنید . اگر نمیدونید چجوری اینکارو کنید ، فایل سی اس اس خودتون رو جایگزین فایل فعلی کنید . یعنی اسم فایل دقیقا اسم فایل موجود باشه . بعدش ctrl+f5 رو روی سایتتون بزنید تا تغییرات رو ببینید .

Share this post

Link to post
Share on other sites

ارسال شده در

این فایل index .php من هست 

<?php
defined('_JEXEC') or die('Restricted access');
JHtml::_('behavior.framework', true);
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />
<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/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>

<body>
<div id="main">   
	<div id="heder">
                <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
		<?php if($this->countModules('search')): ?>
		<div id="search">
           	<jdoc:include type="modules" name="search" style="xhtml" />           
	    </div><!--End search-->
           <?php endif; ?>
          <?php if($this->countModules('menu')): ?>

		<div id="menu">
		<jdoc:include type="modules" name="menu" style="none" />  
		</div>
		<?php endif; ?>
	</div><!--End heder-->
       <?php if($this->countModules('user1 + user2')): ?>          
       <div id="top-users">
          	<?php if($this->countModules('user1')): ?>     
           <div id="user1">                
           	<jdoc:include type="modules" name="user1" style="xhtml" />
           </div><!--End user1-->        		
        <?php endif; ?>
           <?php if($this->countModules('user2')): ?>     
           <div id="user2">                
           	<jdoc:include type="modules" name="user2" style="xhtml" />
           </div><!--End user2-->        		
        <?php endif; ?>
           <?php if($this->countModules('left')): ?>  
           <div id="left">                
           	<jdoc:include type="modules" name="left" style="xhtml" />
           </div><!--End left--> 
           <?php endif; ?>
	</div><!--End top-users-->
       <?php endif; ?>
       <?php if($this->countModules('slider')): ?>          
       <div id="slider">                
       	<jdoc:include type="modules" name="slider" style="xhtml" />
       </div><!--End slider--> 
       <?php endif; ?>
<?php if($this->countModules('banner')): ?>          
       <div id="banner">                
       	<jdoc:include type="modules" name="banner" style="xhtml" />
       </div><!--End banner--> 
       <?php endif; ?>    
       <div id="center">
		<div id="contents">  
           	<jdoc:include type="component" />              
           </div><!--End contents-->

           </div><!--End center--> 
           <?php if($this->countModules('products')): ?>  
       <div id="products">
       <jdoc:include type="modules" name="products" style="xhtml" />
           </div><!--End products-->        		
       <?php endif; ?>

       <div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml"/>
       </div>
       </div><!--End main-->
</body>
</html>

این فایل template.css من هست

@charset "utf-8";
/* CSS Document */

@font-face {
   font-family: 'pars';
   src: url('../font/BNazanin.eot');
   src: url('../font/BNazanin.eot?#iefix') format('embedded-opentype'),
        url('../font/BNazanin.woff') format('woff'),
        url('../font/BNazanin.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}?
#main { 
width:1085px;
height:auto;
margin:0 auto;
background-color:#ffffff;
background-repeat:repeat;
border-radius:5px;
       background-attachment:fixed           	
}
#heder {
height:40px;
width:1085px;
background-image: url(../images/header.png);
background-repeat:no-repeat;
border-radius:5px;
margin:0 auto;
font:Tahoma, Geneva, sans-serif

}
#search {
  float:left;
height:25px;
width:250px;
color:#f0f0f0;
padding-left:340px;
padding-top:10px;      	
}
}
#search .search label {
display:none;
}
#search .search input {
position:relative;
background-color:#FFFFFF;
border:4px #1cade6 solid;
width:300px;
height:25px;
float:right;
color:#000000;
-webkit-border-radius: 5px;
       border-radius: 6px; 
behavior: url(PIE.php);
}
#menu {
height:40px;
width:1049px;

font-family:Tahoma, Geneva, sans-serif;
       margin:0 auto;

}
#search .moduletable .search input#mod-search-searchword.inputbox {
background: url;
}

#top-users {
width:1049px;
height:200px;
float:right;
margin:0 auto 5px auto;
padding-right:132px;

}

#user1{
height:200px;
width:350px;
border-radius:5px;
background-color:#009;
float:right;
margin-left:10px;
   overflow:hidden;


}

#user1, #user2, #user3, #user4, #slider ,#b-user1, #b-user2, #b-user3, #b-user4 {
background: -linear-gradient(top left,#06F 0%,#03F 50%,#00F 100%);
background: -moz-linear-gradient(top left,#06F 0%,#03F 50%,#00F 100%);
background: -webkit-linear-gradient(top left,#06F 0%,#03F 50%,#00F 100%);
background: -o-linear-gradient(top left,#06F 0%,#03F 50%,#00F 100%);
filter: progid:DXimageTransform.Microsoft.gradient(startcolorstr='#06F',endcolorstr='00F');
}




#user2{
height:200px;
width:350px;
border-radius:5px;
background-color:#009;	
float:right;
margin-left:20px;
overflow:hidden;
}
#left {
width:254px;
height:auto;
margin-left:9px;	
border-radius:5px;
background-color:#FFF;	
float:left;
overflow:hidden;
}
#left .moduletable h3:hover {
animation-name:tcolor;
animation-duration:5s;
animation-play-state:running;
-moz-animation-name:tcolor;
-moz-animation-duration=5s;
-moz-animation-play-state:running;
}

@keyframes tcolor {
from {background:#FFF;}
to {background:#0F6;}
}
@-moz-keyframes tcolor {
from {background:#FFF;}
to {background:#0F6;}
}

@-o-keyframes tcolor {
from {background:#FFF;}
to {background:#0F6;}
}
@-webkit-keyframes tcolor {
from {background:#FFF;}
to {background:#0F6;}
}
#left .moduletable form#login-form ul li {
list-style:none;
}
#left .moduletable form#login-form ul {
margin:0px;
padding:0px;
}
body {
background-color:#FFF;
color:#000;
font-family:pars, Geneva, sans-serif;
font-size:14px;
direction:rtl;
margin:0 auto;
}
#slider{
width:1049px;
height:240;
border-radius:5px;
background-color:transparent;
overflow:hidden;
   margin:0 auto 8px auto;


}
#banner{
width:1049px;
height:86px;
border-radius:5px;
background-image: url(../images/46.png);
overflow:hidden;
margin:0 auto;

}


#center{
width:1085px;
height:auto;
margin: 0 auto 5px auto;
}
#products{
width:1049px;
height:autopx;
background-color:#FFF;
overflow:hidden;
margin:0 auto;
.jshop_list_category .category td{
   vertical-align: top;
}
.jshop_list_category .category .image{
   padding-right: 5px;
}

.jshop_list_manufacturer .manufacturer td{
   vertical-align: top;
}
.jshop_list_manufacturer .manufacturer .image{
   padding-right: 5px;
}
}

h3 { font: normal 22px/21px "pars", bvahid, arial;
margin: 0 20px -10px;
 text-align: right;
  color: #008FFF;
   }
#top, #right-top, #right-bottom, #bottom { text-align: center;
padding: 10px 10px 0;
 }
#right-bottom .moduletable { margin-bottom: 15px;
}
#top .moduletable { margin-bottom: 10px;
 }
#bottom { clear: both; float: right; width: 900px; margin: 0 auto; }#right { float: right; width: 620px; padding: 2px 15px 2px 0px; }#contents { padding: 0 5px; }/*start contents*/.item, .item-page, .contact, .leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .leading-6, .leading-7, .leading-8, .leading-9, .leading-10 { overflow: hidden; -webkit-border-radius: 10px 20px; -moz-border-radius: 10px 20px; border-radius: 10px 20px; border: 1px solid #CCC; border-bottom: 3px solid #CCC; -webkit-box-shadow: 0px 0px 10px #DFDFDF; box-shadow: 0px 0px 10px #DFDFDF; -moz-box-shadow: 0px 0px 10px #DFDFDF; padding: 15px; margin: 20px 0; }.item:hover { border-color: #A1CCFC; -webkit-box-shadow: 0px 0px 10px #C5E8FF; box-shadow: 0px 0px 10px #C5E8FF; -moz-box-shadow: 0px 0px 10px #C5E8FF; }.item h2 a:hover, .item-page h2 a:hover { color: #3C3C3C; font-size:20px; }.actions { float: left; }.article-info { line-height: 1.5; }.article-info-term { display: none; }.item dl, .item dl dd, .item-page dl dd { display: inline; color: #8D8D8D; padding: 0 0 0 10px; line-height: 30px; font-size: 14px; }.page-header { padding-bottom: 10px; color: #9C9C9C; }.readmore, .btn { padding: 12px 0 0; }.readmore a, .btn { float: left; padding: 0 35px; border: 1px solid #CCC; font: normal 14px/25px "pars", bkoodak, tahoma; color: #4B4B4B; -moz-box-shadow: 0px 2px 6px #DADADA; -webkit-box-shadow: 0px 2px 6px #DADADA; box-shadow: 0px 2px 6px #DADADA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #F4F4F4; background: -moz-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(238, 238, 238, 1) 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(99%, rgba(238, 238, 238, 1))); background: -webkit-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(238, 238, 238, 1) 99%); background: -o-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(238, 238, 238, 1) 99%); background: -ms-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(238, 238, 238, 1) 99%); background: linear-gradient(to bottom, rgba(244, 244, 244, 1) 0%, rgba(238, 238, 238, 1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );}.readmore a:hover, .btn:hover { color: #09F; -moz-box-shadow: 0px 2px 6px #F0F0F0; -webkit-box-shadow: 0px 2px 6px #F0F0F0; box-shadow: 0px 2px 6px #F0F0F0; }.readmore a:active, .btn:active { background: #0094B9; color: white; border: 1px solid #00BAF5; -moz-box-shadow: 0 2px 7px #585858 inset; -webkit-box-shadow: 0 2px 7px #585858 inset; box-shadow: 0 2px 7px #585858 inset; }.item:hover .readmore a { border-color: #A1CCFC; }#right-bottom { margin-bottom: 15px; }

}
#contents .blog-featured .items-row {
       margin-bottom::8px;
}
#contents .blog-featured p a {
text-decoration:none;
}
#contents .blog-featured p a:hover {
color:#000;
text-decoration:underline;
}
li.print-icon , li.edit-icon , li.email-icon {
float:left;
padding: 0 5px 0 0;
margin:0px;
display:inline;
}
dl.article-info dd , dl.article-info dt , li.pagenav-prev , li.pagenav-next{
padding: 0 5px 0 0;
margin:0px;
display:inline;
font-family:'pars' !important;
}
.pagination {
text-align:center;
background:#FC6;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom:5px;
}
.pagination ul , .pagination ul li , ul.pagenav li , .pagination ul li a , ul.pagenav li a, counter span, .pagination ul li a.pagenav , .pagination ul li span.pagenave {
padding: 0px 4px 0px 4px;
display:inline;
}

legend, label, form, fieldset, li, ul, ol, dd, dt, dl, center, i, u, b, var, tt, sup, sub, strong, strike, small, samp, s, q, kbd, ins, img, font, em, dfn, del, code, cite, big, address, acronym, abbr, a, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, applet, span, div, body, html, :focus
{
 outline-width: 0px;
 outline-style: none;
}

#footer {
height:148px;
width:1085px;
border-radius:5px;
background-image:url(../images/Untitled-1.jpg);
clear:both;
margin-left:5px;
margin:0 auto;

}

خوب من الان باید چه کار کنم فایل های منو هم شما دانلود کنید بگید

من روش بالا را رفتم درست نشد کد ها را گذاشتم راهنمایی کنید

Share this post

Link to post
Share on other sites

ارسال شده در

فایل شما یک سری کد html داره و یک سری css . css رو داخل استایل بذارید . کپی پیست کنید . کدهای html رو هم داخل index.php . ولی داینامیک نیست . برای داینامیک بودن کدنویسی نیاز دارید

Share this post

Link to post
Share on other sites

ارسال شده در

اگه میخواهید داینامیک باشه باید فایل css رو در قالب فراوانی کنید بعد در فایل html منو تغییراتی بدین ومنتقل کنیم داخل قالب که نیاز مند تسلط به طراحی قالب جوملا است

Share this post

Link to post
Share on other sites

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

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

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

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


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

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

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


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