کاربر جوملا

مشکل با اچ تی ام ال دستی!!!

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

سلام

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

کدهارو میذارم همه چی مرتبه به محض اینکه روی "ذخیره" کیلک میکنم همش به کد تبدیل میشه.

یه چک میکنید ببینید از چیه؟!

اینم کدهام

مررسی

<style type="text/css">
#menu4 *
{
margin: 0;
padding: 0;
}

#menu4 ul.menu
{
float: right;
position: relative;
font-family: "Francois One", sans-serif;
font-size: 14px;
text-transform: uppercase;
}

#menu4 ul.menu li
{
	position: relative;
	list-style-type: none;
}

	#menu4 ul.menu li a
	{
		display: inline-block;
		width: 140px;
		line-height: 16px;
		padding: 12px 20px;
		text-decoration: none;
		cursor: pointer;
		z-index: 100;
		text-align: right;

		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}

		#menu4 ul.menu > li:first-child > a
		{
			border-left: 0;

			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}

		#menu4 ul.menu > li:last-child > a
		{
			border-right: 0;

			-webkit-border-bottom-left-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-moz-border-radius-bottomright: 6px;
			border-bottom-left-radius: 6px;
			border-bottom-right-radius: 6px;
		}

#menu4 ul.menu li ul.sub-menu
{
display: none;
}

#menu4 ul.menu li:hover ul.sub-menu
{
	display: block;
	position: absolute;
	right: 180px;
	top: 1px;
}

	#menu4 ul.menu li ul.sub-menu li
	{
		margin: 0 6px 0 0;
	}

	#menu4 ul.menu li ul.sub-menu li a
	{
		width: 140px;
	}

		#menu4 ul.menu li ul.sub-menu li:first-child > a
		{
			border-top: 0;

			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}

		#menu4 ul.menu li ul.sub-menu li:last-child > a
		{
			border-bottom: 0;

			-webkit-border-bottom-left-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-moz-border-radius-bottomright: 6px;
			border-bottom-left-radius: 6px;
			border-bottom-right-radius: 6px;
		}

#menu4 ul.menu li ul.sub-menu li ul
{
display: none;
}

#menu4 ul.menu li ul.sub-menu li:hover ul
{
	display: block;
	position: absolute;
	right: 180px;
	top: 1px;
}

	#menu4 ul.menu li ul.sub-menu li ul li a
	{
		width: 140px;
	}

/** Colour Styles **/

#menu4 ul.menu li a
{
background: #96C;
color: #FFF;
}

#menu4 ul.menu > li > a
{
border-top: 1px solid #A87DD4;
border-bottom: 1px solid #8257AE;
}

#menu4 ul.menu > li:first-child > a
{
	border-top: 0;
}

#menu4 ul.menu > li:last-child > a
{
	border-bottom: 0;
}

#menu4 ul.menu li:hover > a, #menu4 ul.menu li a:hover
{
color: #96C;
background: #FFF;
}

#menu4 ul.menu li ul.sub-menu li a
{
border-top: 1px solid #A87DD4;
border-bottom: 1px solid #8257AE;
}

/** Arrow Styles **/

#menu4 ul.menu > li > a.haschild
{
background: #96C url("../../images/imgs-purple/left.png") no-repeat left center;
}

#menu4 ul.menu > li:hover > a.haschild
{
	background: #FFF url("../../images/imgs-purple/left-hover.png") no-repeat left center;
}

#menu4 ul.menu li ul.sub-menu li a.haschild
{
background: #96C url("../../images/imgs-purple/left.png") no-repeat left center;
}

#menu4 ul.menu li:hover ul.sub-menu li:hover a.haschild
{
	background: #FFF url("../../images/imgs-purple/left-hover.png") no-repeat left center;
}
</style>

<div id="menu4">
       <ul class="menu">
           <li><a class="haschild" title="" href="">Home</a>
               <ul class="sub-menu">
                   <li><a class="haschild" title="" href="">Sub Link 1</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
                   <li><a title="" href="">Sub Link 2</a></li>
                   <li><a class="haschild" title="" href="">Sub Link 3</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
               </ul>
           </li>
           <li><a class="haschild" title="" href="">About Us</a>
               <ul class="sub-menu">
                   <li><a title="" href="">Sub Link 1</a></li>
                   <li><a title="" href="">Sub Link 2</a></li>
                   <li><a class="haschild" title="" href="">Sub Link 3</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
               </ul>
           </li>
           <li><a class="haschild" title="" href="">Our Services</a>
               <ul class="sub-menu">
                   <li><a title="" href="">Sub Link 1</a></li>
                   <li><a class="haschild" title="" href="">Sub Link 2</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
                   <li><a class="haschild" title="" href="">Sub Link 3</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
               </ul>
           </li>
           <li><a title="" href="">Blog</a></li>
           <li><a class="haschild" title="" href="">Contact Us</a>
               <ul class="sub-menu">
                   <li><a title="" href="">Sub Link 1</a></li>
                   <li><a class="haschild" title="" href="">Sub Link 2</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
                   <li><a class="haschild" title="" href="">Sub Link 3</a>
                       <ul>
                           <li><a title="" href="">Sub Sub Link 1</a></li>
                           <li><a title="" href="">Sub Sub Link 2</a></li>
                           <li><a title="" href="">Sub Sub Link 3</a></li>
                       </ul>
                   </li>
                   <li><a title="" href="">Sub Link 4</a></li>
                   <li><a title="" href="">Sub Link 5</a></li>
               </ul>
           </li>
       </ul>
  <div class="clear"></div>
   </div>

Share this post


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

بله نظر من هم flexi custom code هست

همچنین پیشنهاد میکنم که css هاشو توی template.css قالبتون بزارید یا اینکه توی یه فایل جدید بزارید و اون فایل رو فراخوانی کنید(این کار هم باید با ماژولی مثل flexi custom code انجام بشه)

-----------------------------

تاپیک به بخش رفع مشکلات و سوالات عمومی منتقل شد

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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