PDA

View Full Version : help nick thành viên vbb4 phát sáng



loctinh2030
29-12-2010, 03:33 PM
làm sao để nick thành viên trong vbb4 có màu phát sáng.

demo http://www.namsach.info/forum.php

ai biết chỉ em vơi.

hau_ooo
29-12-2010, 03:54 PM
Gần giống cái này : http://itvnn.net/showthread.php?20857-Code-t%E1%BA%A1o-nick-%C3%B3ng-%C3%A1nh

Nhưng mã html dùng là mã shadow


<font style="text-shadow: 0px 0px 6px #990099, 0px 0px 5px #990099, 0px 0px 5px #990099;" color="#FFFFFF">

Tiểu Bá Vương 1404
29-12-2010, 05:30 PM
Cái hiệu ứng này hình như là glow, code html thì không rõ, chắc để bậc đàn anh giúp chút.

Tiểu Bá Vương 1404
29-12-2010, 08:19 PM
Lục được vài cái hiệu ứng glow - gốc là từ shadow mà ra, giới thiệu anh em xem chơi.
Đầu tiên vô CSS Templates -> additional.css, thêm mấy cái này:


.glow_808080 {
font-weight:bold;
text-shadow: 0 0 0.2em #808080, 0 0 0.2em #808080, 0 0 0.2em #808080;
}
.glow_A9A9A9 {
font-weight:bold;
text-shadow: 0 0 0.2em #808080, 0 0 0.2em #808080, 0 0 0.2em #808080;
}
.glow_D3D3D3 {
font-weight:bold;
text-shadow: 0 0 0.2em #D3D3D3, 0 0 0.2em #D3D3D3, 0 0 0.2em #D3D3D3;
}
.glow_FFFFFF {
font-weight:bold;
text-shadow: 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF;
}
.glow_7FFFD4 {
font-weight:bold;
text-shadow: 0 0 0.2em #7FFFD4, 0 0 0.2em #7FFFD4, 0 0 0.2em #7FFFD4;
}
.glow_00868B {
font-weight:bold;
text-shadow: 0 0 0.2em #00868B, 0 0 0.2em #00868B, 0 0 0.2em #00868B;
}
.glow_0000FF {
font-weight:bold;
text-shadow: 0 0 0.2em #0000FF, 0 0 0.2em #0000FF, 0 0 0.2em #0000FF;
}
.glow_000080 {
font-weight:bold;
text-shadow: 0 0 0.2em #000080, 0 0 0.2em #000080, 0 0 0.2em #000080;
}
.glow_9400D3 {
font-weight:bold;
text-shadow: 0 0 0.2em #9400D3, 0 0 0.2em #9400D3, 0 0 0.2em #9400D3;
}
.glow_800080 {
font-weight:bold;
text-shadow: 0 0 0.2em #800080, 0 0 0.2em #800080, 0 0 0.2em #800080;
}
.glow_FF1493 {
font-weight:bold;
text-shadow: 0 0 0.2em #FF1493, 0 0 0.2em #FF1493, 0 0 0.2em #FF1493;
}
.glow_EE82EE {
font-weight:bold;
text-shadow: 0 0 0.2em #EE82EE, 0 0 0.2em #EE82EE, 0 0 0.2em #EE82EE;
}
.glow_FFC0CB {
font-weight:bold;
text-shadow: 0 0 0.2em #FFC0CB, 0 0 0.2em #FFC0CB, 0 0 0.2em #FFC0CB;
}
.glow_006400 {
font-weight:bold;
text-shadow: 0 0 0.2em #006400, 0 0 0.2em #006400, 0 0 0.2em #006400;
}
.glow_008000 {
font-weight:bold;
text-shadow: 0 0 0.2em #008000, 0 0 0.2em #008000, 0 0 0.2em #008000;
}
.glow_9ACD32 {
font-weight:bold;
text-shadow: 0 0 0.2em #9ACD32, 0 0 0.2em #9ACD32, 0 0 0.2em #9ACD32;
}
.glow_FFFF00 {
font-weight:bold;
text-shadow: 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00, 0 0 0.2em #FFFF00;
}
.glow_FFA500 {
font-weight:bold;
text-shadow: 0 0 0.2em #FFA500, 0 0 0.2em #FFA500, 0 0 0.2em #FFA500;
}
.glow_FF0000 {
font-weight:bold;
text-shadow: 0 0 0.2em #FF0000, 0 0 0.2em #FF0000, 0 0 0.2em #FF0000;
}
.glow_8B0000 {
font-weight:bold;
text-shadow: 0 0 0.2em #8B0000, 0 0 0.2em #8B0000, 0 0 0.2em #8B0000;
}
.glow_A52A2A {
font-weight:bold;
text-shadow: 0 0 0.2em #A52A2A, 0 0 0.2em #A52A2A, 0 0 0.2em #A52A2A;
}
.glow_855E42 {
font-weight:bold;
text-shadow: 0 0 0.2em #855E42, 0 0 0.2em #855E42, 0 0 0.2em #855E42;
}
.glow_DEB887 {
font-weight:bold;
text-shadow: 0 0 0.2em #DEB887, 0 0 0.2em #DEB887, 0 0 0.2em #DEB887;
}
.glow_F5F5DC {
font-weight:bold;
text-shadow: 0 0 0.2em #F5F5DC, 0 0 0.2em #F5F5DC, 0 0 0.2em #F5F5DC;
}

Sau đó thêm hiệu ứng vô chữ: đặt thẻ
<span class="_chọn_một_mã_glow_">_chữ_ở_đây_</span>
Ví dụ: chọn hiệu ứng với màu #808080, code như sau:
<span class="glow_808080">Ví dụ</span>

hanhkhat
30-12-2010, 03:45 AM
làm giống trang Hậu đưa, chỉnh lại code như thế này


<font style="text-shadow: 0 0 6px #990099, 0 0 5px #990099, 0 0 5px #990099;" color="#FFFFFF">


Và thay mấy cái #990099 thành màu bạn thích

loctinh2030
01-01-2011, 12:46 PM
làm tên thành viên thì sao. trong usergroups có 2 ô lận.

Tiểu Bá Vương 1404
01-01-2011, 01:15 PM
Khung đầu chèn thẻ <span style="glow_xxx"> khung sau chèn: </span>

loctinh2030
01-01-2011, 08:06 PM
em làm theo cách của anh hanhkhat thì dc, như vậy nè

ô 1
<font style="text-shadow: 0 0 6px #990099, 0 0 5px #990099, 0 0 5px #990099;" color="#FFFFFF">
ô 2

</font>

nhưng muốn thêm icon trước tên thì sao thì sao

đoạn mã icon của em <img src="images/nhom/admin.gif" border="0">

hanhkhat
01-01-2011, 09:36 PM
để mình down cái forum đó xuống rồi nghiên cứu thử :D

HTT.itvn
01-01-2011, 10:58 PM
em làm theo cách của anh hanhkhat thì dc, như vậy nè

ô 1
<font style="text-shadow: 0 0 6px #990099, 0 0 5px #990099, 0 0 5px #990099;" color="#FFFFFF">
ô 2

</font>

nhưng muốn thêm icon trước tên thì sao thì sao

đoạn mã icon của em <img src="images/nhom/admin.gif" border="0">

Ô thứ 1 thêm <img src="images/nhom/admin.gif" border="0"> là được . Nhưng nếu em kết hợp 2 code cùng 1 lúc thì không được rồi vì cả 2 có số lượng ký tự quá dài hơn quy định .

HTT.itvn
01-01-2011, 11:39 PM
Có cách để khắc phục giới hạn này là ta tận dụng CSS . Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin >> CSS Templates >> additional.css >> Thêm code sau xuống dưới cùng :



/*------ Desgn by ITVNN - User -----*/
#i_admin {
font-weight:bold;
color:red;
text-shadow: 0 0 3px #990099, 0 0 3px #990099, 0 0 3px #990099;
font-size:12px;
}

#i_smod {
font-weight:bold;
color:green;
text-shadow: 0 0 3px #990099, 0 0 3px #990099, 0 0 3px #990099;
font-size:12px;
}

#i_mod {
font-weight:bold;
color:blue;
text-shadow: 0 0 3px #990099, 0 0 3px #990099, 0 0 3px #990099;
font-size:12px;
}

#i_mem {
font-weight:bold;
color:gray;
text-shadow: 0 0 3px #990099, 0 0 3px #990099, 0 0 3px #990099;
font-size:12px;
}
/*-------- ITVNN - end User -------*/

Sau đó vào AdminCP >> Usergroups >> Usergroup Manager >> Chọn nhóm Admin >> Nhấn Tiếp tục ( Go ) >> Username HTML Markup :
- Ô thứ nhất chèn : <span id="i_admin"><img src="images/ranks/tên_ảnh" border="0">

Ví dụ : <span id="i_admin"><img src="images/ranks/admin.gif" border="0">

- Ô thứ hai chèn : </span>

Tương tự với các nhóm khác và các file ảnh ( tên file ảnh ngắn thôi nhé , không để quá dài ) bỏ vào thư mục images/ranks/ trên host .

hanhkhat
02-01-2011, 12:47 AM
nghĩ ra cách rồi hè hè

Ặc, cách của anh y chang ý tưởng của em:MatCuoi (1):

HTT.itvn
02-01-2011, 02:02 AM
nghĩ ra cách rồi hè hè

Ặc, cách của anh y chang ý tưởng của em:MatCuoi (1):

Tư tưởng lớn gặp nhau mà :MatCuoi (5):

loctinh2030
03-01-2011, 08:34 PM
vậy làm sao mới cớ hình trước njck và có chữ phát sáng dc, giống http://www.namsach.info/forum.php

Tiểu Bá Vương 1404
03-01-2011, 08:52 PM
vậy làm sao mới cớ hình trước njck và có chữ phát sáng dc...
Bạn làm theo anh HTT đã hướng dẫn ấy. Nếu không rõ thì thế này:
-Vào additional.css, chèn như của anh HTT hoặc như mình (http://itvnn.net/showthread.php?20935-help-nick-th%C3%A0nh-vi%C3%AAn-vbb4-ph%C3%A1t-s%C3%A1ng&p=37833&viewfull=1#post37833), cái mã màu thì bạn có thể lựa chọn một màu trong số đó.
-Vào Username HTML Markup, chèn vô ô đầu tiên:
<img scr="_đường dẫn ảnh trong host_images/..._" border="0" /><span class="_mã trong css_"> (hoặc <img..><span id="_mã trong css_">
ô thứ hai, bạn chèn:
</span>
*Chú thích: _mã trong css_: của mình là glow_xxx, còn anh HTT là i_admin, i_smod,...

hanhkhat
03-01-2011, 09:09 PM
vậy làm sao mới cớ hình trước njck và có chữ phát sáng dc, giống http://www.namsach.info/forum.php

vào AdminCP >> Usergroups >> Usergroup Manager >> Chọn nhóm Admin >> Nhấn Tiếp tục ( Go ) >> Username HTML Markup :
- Ô thứ nhất chèn : <span id="i_admin"><img src="images/ranks/tên_ảnh" border="0">

Ví dụ : <span id="i_admin"><img src="images/ranks/admin.gif" border="0">

- Ô thứ hai chèn : </span>

baodrum
05-01-2011, 02:33 PM
Làm xong thì bị lỗi này, bác nào giúp tớ với, tớ xài 4.1
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/05/02/72411294212813.JPG

Tiểu Bá Vương 1404
05-01-2011, 07:17 PM
Xin hỏi bạn dùng mod Username HTML Markup gì không?
Bạn dùng đã markup tên ấy với thẻ gì?

hanhkhat
17-01-2011, 05:34 AM
Mình biết cách rồi.
Để làm được nick phát sáng (viền xung quanh) thì ta chỉ cần chỉnh sửa như thế này là y chang bên nam sách info luôn

ô 1

<font style="text-shadow: 0px 0px 6px #FF0099, 0px 0px 5px #FF0099, 0px 0px 5px #FF0099;" color="#FFFFFF", <img src="http://i240.photobucket.com/albums/ff40/tina88888888/000/1114092.gif" ><b>
ô thứ 2

</b></font>
tuy nhiên ta lại bị giới hạn về max char trong phần openchar (ô thứ nhất) là 100 ký tự
để gỡ bỏ giới hạn này thì ta làm như thế này
vào phpmyadmin -> vào database của forum -> kích chọn table usergroup
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/78041295216792.PNG
sau đó nhấn vào structure như trong ảnh
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/61171295216836.PNG
tìm đến dòng opentag và nhấn edit (hình cây bút như trong hình)
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/39701295217010.PNG
trong cái bảng tiếp theo hiện ra, bạn sửa mục length/value thành 200 nha. Nó cho giới hạn nhiều nhất là 255 nhưng ta cứ để 150 hay 200 thôi là được rồi. sau đó nhấn save để lưu lại
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/17751295217177.PNG

Bây giờ bạn vào lại mục user HTML makeup rồi sửa thông tin thử nhé. Màu sắc và hình ảnh thì bạn có thể thay đổi tuỳ ý. bảo đảm là cực kỳ đẹp:MatCuoi (23):

prime122
08-03-2011, 03:45 PM
Mình biết cách rồi.
Để làm được nick phát sáng (viền xung quanh) thì ta chỉ cần chỉnh sửa như thế này là y chang bên nam sách info luôn

ô 1

<font style="text-shadow: 0px 0px 6px #FF0099, 0px 0px 5px #FF0099, 0px 0px 5px #FF0099;" color="#FFFFFF", <img src="http://i240.photobucket.com/albums/ff40/tina88888888/000/1114092.gif" ><b>
ô thứ 2

</b></font>
tuy nhiên ta lại bị giới hạn về max char trong phần openchar (ô thứ nhất) là 100 ký tự
để gỡ bỏ giới hạn này thì ta làm như thế này
vào phpmyadmin -> vào database của forum -> kích chọn table usergroup
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/78041295216792.PNG
sau đó nhấn vào structure như trong ảnh
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/61171295216836.PNG
tìm đến dòng opentag và nhấn edit (hình cây bút như trong hình)
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/39701295217010.PNG
trong cái bảng tiếp theo hiện ra, bạn sửa mục length/value thành 200 nha. Nó cho giới hạn nhiều nhất là 255 nhưng ta cứ để 150 hay 200 thôi là được rồi. sau đó nhấn save để lưu lại
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2011/01/17/05/17751295217177.PNG

Bây giờ bạn vào lại mục user HTML makeup rồi sửa thông tin thử nhé. Màu sắc và hình ảnh thì bạn có thể thay đổi tuỳ ý. bảo đảm là cực kỳ đẹp:MatCuoi (23):
Cái này nếu sử dụng mod Username Htlm markup sao lại không hiện thị ảnh trước tên member nhỉ anh! :((

Tiểu Bá Vương 1404
08-03-2011, 07:00 PM
Cái này nếu sử dụng mod Username Htlm markup sao lại không hiện thị ảnh trước tên member nhỉ anh! :((
Anh cho em xem code anh tạo Markup cho mem nào.

Mà cái này không thấy nói được hỗ trợ nhỉ !

vuontinh
20-04-2011, 04:43 PM
cho mình làm sao có thể chèn ảnh nền vào dưới tên thành viên được :MatCuoi (37):
như ở group Trùm NBT ấy
à và làm sao để chú thích thành viên ở group hiện ở thống kê vậy
thank

http://sinhviennet.net/Qupload//img/SinhVienNET.NET---1(3).bmp

Dunglx
20-04-2011, 04:49 PM
cho mình làm sao có thể chèn ảnh nền vào dưới tên thành viên được :MatCuoi (37):
như ở group Trùm NBT ấy
à và làm sao để chú thích thành viên ở group hiện ở thống kê vậy
thank


Đây ạ
http://itvnn.net/showthread.php?24613-Usergroup-Legend-on-Forumhome-for-vB-4
:MatCuoi (38):

vuontinh
20-04-2011, 05:03 PM
còn chèn ảnh vào dưới user thì làm thế nào :MatCuoi (5):

Dunglx
20-04-2011, 05:15 PM
còn chèn ảnh vào dưới user thì làm thế nào :MatCuoi (5):

Trong phần Username HTML Markup
điền vào khung đầu

<span style="background:url('http://chutluulai.tk/images/bg.gif');color:#ff6c00;"><b>
Khung sau điền

</span></a></b>.

hoangduykt7990
21-04-2011, 08:17 PM
Tiện cho mìnhbhoir , làm sao có nick dc như cái màu hồng này, thanks

http://cB7.upanh.com/21.663.28619576.6Py0/capture.jpg

demo: http://thptdaimo.cc/f/daimo.php

hanhkhat
21-04-2011, 08:25 PM
Tiện cho mìnhbhoir , làm sao có nick dc như cái màu hồng này, thanks

http://cB7.upanh.com/21.663.28619576.6Py0/capture.jpg

demo: http://thptdaimo.cc/f/daimo.php

mã màu của nó đây



font-weight: bold;
text-shadow:0 0 .2em rgb(238, 130, 238), 0 0 .2em violet, 0 0 .2em violet

hoặc



font-weight: bold;
text-shadow:0 0 .2em violet, 0 0 .2em violet, 0 0 .2em violet