แจกแล้วสกินพร้อมเมนู lavalamp สวยงามมมใช้ได้ทุกสกินและทุกเวอร์ชั่น [inut]
จากที่หายไปนานวันนี้กลับมาพร้อมเมนูสวยๆ555 นั่งทำ1คืนเต็มๆไม่มี Demo นะครับเนื่องจากหายไปนานโฮสและโดเมนได้หมดอายุไปแล้ว
ขั้นตอนการทำ
ถ้าใช้สกินนี้ก็นำไฟล์ไปวางที่ host ของเราปกติ
แต่..
ถ้าต้องการใช้กับสกินอื่น
ให้เข้าไปที่ template เข้าไฟล์ css ที่เราใช้ หรือ css ของสกินนั้นๆ
เพื่มอันนี้ลงไป
#menu {
position:relative;
z-index:100;
}
#menu .menu {
position:absolute;
padding-left:42px;
padding-top:35px;
}
#menu * {
list-style:none;
border:0;
padding:0;
margin:0;
}
#menu a {
display:block;
padding:7px 14px 7px 14px;
white-space:nowrap;
}
#menu li {
float:left;
background:#fff;
}
#menu div {
visibility:hidden;
position:absolute;
background:url(/images/pix.gif);
}
#menu div div {
margin:-24px 0 0 -1px;
left:100%;
}
#menu li:hover>div { visibility:visible; }
/* menu::special styles */
/* menu::level 1 */
#menu a {
text-decoration:none;
color:#fff;
position:relative;
z-index:77;
}
#menu a:hover {
}
#menu a:hover span {}
#menu>ul>li:hover>a {
}
#menu>ul>li:hover>a span {}
#menu span {
display: block;
cursor: pointer;
text-align: center;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
padding:0;
position:static;
}
#menu li li a:hover { background:#888; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span { background:url(/images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
display:block;
text-transform:none;
line-height:16px;
padding:4px 25px 4px 14px;
font-size:11px;
}
#menu li div { background:url(/images/back.png);opacity:0.4;
filter:alpha(opacity=40); }
/** <fix for ie6> */
#menu div div {
_margin-top:-25px;
_background:#c4c4c4;opacity:0.4;
filter:alpha(opacity=40);
}
/** </fix for ie6> */
/* lava lamp */
div#menu li.back {
width:10px;
height:50px;
z-index:8;
position:absolute;
}
div#menu li.back .left {
width:auto;
height:50px;
float:none;
position:relative;
top:0;
left:0;
visibility:visible;
}
แล้วเข้าไปที่ไฟล์ header.php
<script type="text/javascript" src="jquery.js"></script>
<script>var a = jQuery.noConflict();</script>
<script type="text/javascript" src="menu.js"></script>
<script>var b = jQuery.noConflict();</script>
<script type="text/javascript" src="fontsmoothie.min.js" async></script>
ใส่ไปตามรูปเลยหรือที่ว่างๆ เพื่อเรียกไฟล์ javascript
แล้วมองหา
<!--{loop $_G['setting']['navs'] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav}class="a" {/if}$nav></li><!--{/if}-->
<!--{/loop}-->
เหลือไว้แค่นี้แล้วใส่โค๊ดเลย
<div id="menu">
<ul class="menu">
<!--{loop $_G['setting']['navs'] $nav}-->
<!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav}class="a" {/if}$nav></li><!--{/if}-->
<!--{/loop}-->
</ul>
</div>
</ul>
เสร็จเรียบร้อยยยย..
มีข้อสงสัยถามได้นะครับ ผมแนะนำไลน์นะครับเพราะไม่ค่อยได้เข้ามาา id. inut..
ยังเหมือนเดิมนะครับรับสอนให้ได้ ฟรีก็ได้ ใครจะปรึกษาเรื่องโมสกินได้หมดครับเกี่ยวกับดิสคัสฟรีไม่คิดเงินนะ รับโมสกินด้วยใครสนใจก็แอดมานะครับบบ
ถ้าไม่มีไลน์ก็ PM มาครับช่วงนี้เข้าตลอด
PASS. i n u t i n u t i n u t ติดกันนะครับ
ผมลืมบอกสกินไหนที่ใช้ Div id class ว่า menu มันจะซ้ำกันนะครับให้เปลี่ยนด้วยมิเช่นนั้นมันจะรวนและมั่วไปหมด
ด้วยความหวังดีครับบ inut.
sm900dz ขอบคุณที่แบ่งปัน
หน้า:
[1]