گذاشتن منوی css

javan44 · فروردین 92

سلام

برای گذاشتن فایل css خودمان در قسمت themplate.css

باید چی بگذاریم

الان من می خوام این فایل را بزارم نمی تونم

راهنمایی کنید

نیما حبیب خدا · فروردین 92

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

javan44 · فروردین 92

این فایل 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;

}

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

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

نیما حبیب خدا · فروردین 92

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

javan44 · فروردین 92

جناب نیما من برای داینامیک کردن چه کار کنم

blazhel · فروردین 92

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

ورود

گذاشتن منوی css

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

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

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

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

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

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

خانه

فعالیت ها