PDA

View Full Version : [Share] ITVNN style - Green Style ( VBB 4.0.6 )



HTT.itvn
11-09-2010, 07:07 PM
Skin này được thiết kế trên VBB 4.0.6 , dùng tốt cho mọi phiên bản VBB 4.0.x .

Demo xem tại đây . (http://itforumvn.freevnn.com/forum/?styleid=2)

Hình ảnh kèm theo :


http://img215.imageshack.us/img215/7367/demostyle13.png

Link ảnh : http://img215.imageshack.us/img215/7367/demostyle13.png

Tải về tại đây . (http://www.mediafire.com/?m87rawjrkfgujyr)

Bạn chỉ cần thay thế ảnh sau : banner_left.png , banner_right.png

Lấy font chữ cho banner tại đây (http://flamingtext.com/net-fu/dynamic.cgi?script=glow-logo) , chú ý là để nền trong suốt nhé .

Mong mọi người góp ý để hoàn thiện skin tốt hơn .

ypmv2
12-09-2010, 12:07 AM
Thank, em lại đang kết cái Skin ITVNN đang dùng quá. royal flush Search thì chỉ có của 3.8.x thôi.

sir0thehe0
12-09-2010, 12:01 PM
Có style nào teen chút thì share mình với !!!

HTT.itvn
12-09-2010, 04:29 PM
Có style nào teen chút thì share mình với !!!

Hic , anh qua rồi cái tuổi teen nên khó có thể thiết kế theo teen lắm , vả lại gu 8x và 9x khác nhau quá . Bây giờ anh đang tìm hiểu JOOMLA vì cái này hay và có nhiều tenplates đẹp .

ooohau_proooo
13-09-2010, 11:48 PM
Hic , anh qua rồi cái tuổi teen nên khó có thể thiết kế theo teen lắm , vả lại gu 8x và 9x khác nhau quá . Bây giờ anh đang tìm hiểu JOOMLA vì cái này hay và có nhiều tenplates đẹp .

Chính xác.Ủng hộ anh bạn.Nếu là web cộng đồng mà teen thì toàn là những bài chém gió tùm bậy không.Khó tìm bài hay

ooohau_proooo
14-09-2010, 12:03 AM
admin ơi cho mình xin cái banner psd đi andmin

HTT.itvn
14-09-2010, 12:40 AM
Tạo banner tại đây http://flamingtext.com/net-fu/dynamic.cgi?script=glow-logo , chú ý để phông nền trong suốt nhé

Demo thứ 2 dùng VBB 4.0.3 nè http://mangmaytinh.freevnn.com/forum/forum.php

ooohau_proooo
14-09-2010, 12:51 AM
thank ban .sory vì spam

ooohau_proooo
14-09-2010, 11:54 PM
Min ơi cái code header mình chỉnh sữa nên lỗi lung tung và mình đã chỉnh header về [Show Default] rồi.Bởi vậy nó không có code để chạy cái banner_left.png , banner_right.png
Nếu còn demo admin cho mình xin toàn bộ cái code header lại nhé.Thank

HTT.itvn
15-09-2010, 08:04 AM
Vì vấn đề tôn trọng tác giả nên mình có 1 số code liên kết nhau , mọi sự thay đổi code liên quan sẽ hỏng theo cả diẽn đàn .

Code header của bạn đây .


<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nouser">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<script type="text/javascript">
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");
vB_XHTML_Ready.subscribe(function()
{
//
YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
});

function navbar_username_focus(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
{
//
textbox.value='';
textbox.style.color='black';
}
}

function navbar_username_blur(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
//
textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
textbox.style.color='#828282';
}
}

function navbar_password_hint(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);

YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
YAHOO.util.Dom.get('navbar_password').focus();
}

function navbar_password(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);

if (textbox.value == '')
{
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
}
}
</script>
</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
</vb:if>
</div>


<div class="bannerBox_left">
{vb:raw ad_location.global_header1}
</div>

<div class="bannerBox_right">
{vb:raw ad_location.global_header2}
</div>
<hr />
</div>

P/s : Đừng gọi mình là Admin nhé , vì mình chỉ là Smod .

hau_ooo
15-09-2010, 12:19 PM
Cái 4rum cảu em bị lỗi. Gần 100mb dữ liệu giừo restore không được, tùm lum quá .... đành phải làm lại. Ôi 6k thành viên của tôi :MatCuoi (20):

Thanks anh. Cái styles này em chế thành styles trường học cũng được

HTT.itvn
15-09-2010, 06:11 PM
Sao lại phải làm lại hả , có nhiều cách để cứu nó mà . Nếu mà đã xóa và làm lại thì khó rồi :(

spider95
15-09-2010, 06:53 PM
a HTT cho em xin cái font của chữ dưới footer đi . cái vb 4.0 skin by HTT.ITVNN á
a cho em hỏi thêm cái doc_bg thì mình để làm sao cho nó đứng yên khi kéo thanh cuộn lên xuống và kích thước hình để cần là bao nhiêu ??

HTT.itvn
15-09-2010, 10:04 PM
- Để doc_bg đứng yên : Vào adminCP >> Styles & Templates >> Style Manager >> Chọn skin , Edit Templates >> StyleVars >> doc_background , mục Background Image bạn chèn link


url(images/HTT.itvn_style/bg.gif) fixed

- Lấy font footer tại đây . (http://flamingtext.com/net-fu/dynamic.cgi?script=glow-logo)

ooohau_proooo
15-09-2010, 10:16 PM
Cái 4rum cảu em bị lỗi. Gần 100mb dữ liệu giừo restore không được, tùm lum quá .... đành phải làm lại. Ôi 6k thành viên của tôi :MatCuoi (20):

Thanks anh. Cái styles này em chế thành styles trường học cũng được

Mới làm lại 4 rum àh.Chừng nào làm xong anh em mình liên kết chơi nhé !!!

ooohau_proooo
17-09-2010, 02:23 AM
Ah.Pro ơi cho mình của cái banner_left và baner_right bạn chèn nó nằm ở đâu trong code nào ở đâu vậy.Mình tìm không biết chính xác nó ở đâu để mình xóa luôn

HTT.itvn
17-09-2010, 11:29 AM
- CSS templates >> additional.css :


.bannerBox_left {
background:url(images/HTT.itvn_style/banner_left.png) no-repeat top left;
width:300px;
height:115px;
position:absolute;
top:100px;
left:18px;
}

.bannerBox_right {
background:url(images/HTT.itvn_style/banner_right.png) no-repeat top left;
width:320px;
height:180px;
position:absolute;
top:110px;
right:160px;
}

Trong header :


<div class="bannerBox_left">
{vb:raw ad_location.global_header1}
</div>

<div class="bannerBox_right">
{vb:raw ad_location.global_header2}
</div>

hau_ooo
28-09-2010, 04:07 PM
E đã sửa mãi mà cái avata ko vào giữ được :MatCuoi (42):
Không cần đóng khung, chỉ cần center

HTT.itvn
11-10-2010, 09:22 PM
E đã sửa mãi mà cái avata ko vào giữ được :MatCuoi (42):
Không cần đóng khung, chỉ cần center

Anh cũng đã làm mọi cách để canh giữa ( không đóng khung ) , cũng đã thêm CSS , templates mà không hiểu sao cái avatar mặc định này lại không chịu canh giữa . Chỉ có thể canh trái , phải khoảng cách bao nhiêu nó mới chịu xê dịch :MatCuoi (20):

choijonbi
13-10-2010, 06:29 PM
sao em up mà không hiện ảnh nào hết?
anh vào xem giúp em http://http://ck4.byethost17.com

HTT.itvn
13-10-2010, 07:12 PM
Trước hết em đọc ebook này nhé http://itvnn.net/showthread.php?16177-Ebook-VBB-4.X-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-l%C3%A0m-forum-VBB-4.x

Không có ảnh là do em upload các file lên host chưa đúng đường dẫn . Em xem lại đi nhé !