Share code chọn màu nick cho ego

**thaian2009** · 22.12.2015 / 14:29

Code này cũng đơn giản chắc ai cũng biết. Là phần chọn style nick cho thành viên. Fix lại theo ý muốn nhé! Mình chỉ share cái mẫu thôi ^^

[code]{%set r=api.r.createFromGlobals()%}{%set t=r.headers.get("Referer")%}

{%set urls=""%}

{%if t starts with "http://kembong.wap.mu"%}{%set urls="http://kembong.wap.mu"%}{%elseif t starts with "http://kembong.vn"%}{%set urls="http://kembong.vn"%}{%elseif t starts with "http://thienthantuyettrang.waplux.com"%}{%set urls="http://thienthantuyettrang.waplux.com"%}{%else%}{%set urls="http://kembong.wap.mu"%}{%endif%}

{%set urls="http://kembong.wap.mu"%}

<br/>

.shadow {

height: 1px; width: 100%; background-color: #dedede; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #eeeeee;

}

.lista{background-color: #000000; padding: 2px; border-style: double; border-width: 1px; border-color: #efefef; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; background-image: url('/files/1049801/gautruc.png'); background-repeat: no-repeat; background-position: left top;}

input{border:1px #0066ff solid;padding:3px 2px;font-size:16px;font-weight:bold;color:#6699ff;margin:1px;}

input[type="submit"]{background: #2980b2; color: #fff;width: 80px; height: 25px;border: rgba(0, 46, 184, 1) 1px solid !important;-webkit-border-radius: 2px !important; -webkit-box-shadow: 0 0 5px}

</style>

<div class="lefts">»<a href="http://cobethoitiet.wap.mu/main.php?f=3326142"><font color="#ff0099">Tạo style nick bằng công cụ</font></a></div>

{%macro maunick(style)%}

{%set name="Tên nick của bạn"%}{%set urls=api.r.createFromGlobals().headers.get("Host")%}

{%endmacro%}

{%import _self as thaian2009%}

{{thaian2009.maunick("red;text-shadow:1px 1px 3px red;padding:2px;background-image: url('http://xusotinhyeu.hexat.com/backgrounds/img/14.gif')")}}

{{thaian2009.maunick("white; text-shadow: 0px 0px 0px rgb(17, 17, 17), 0px 0px 0.5em red, 0px 0px 0.4em red;")}}

{{thaian2009.maunick("#F00;padding-left: 60px; background: url(http://goo.gl/4fjm3R),url(/files/1050632/taodeu.gif),url(http://goo.gl/QgvKHb); background-repeat: repeat-x,no-repeat; background-color: #0ff")}}

{{thaian2009.maunick("white; text-shadow: 1px 1px 1px #ff0000, 2px 2px 1px #ff0000, 3px 3px 1px #ff8800, 4px 4px 1px #fff700, 5px 5px 1px #fff700, 6px 6px 1px #22ff00, 7px 7px 1px #22ff00, 8px 8px 1px #00ffee, 9px 9px 1px #0011ff, 10px 10px 1px #0011ff;")}}

{{thaian2009.maunick("#FFCCFF;text-shadow:1px 1px 1px #FF66FF,2px 2px 2px #FF66FF,3px 3px 3px #FF66FF,4px 4px 4px #FFCCFF; font-size:16px;font-style:bold;font-family:Monotype Corsiva,Times New Roman;background-image:url(/files/1049801/traitimbay.gif)")}}

{{thaian2009.maunick("yellow;text-shadow:0 1px 1px #cc9900,1px 0 1px #cc9900,0 -1px 1px #cc9900,-1px 0 1px #cc9900")}}

{{thaian2009.maunick("white;text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);background-image:url(/files/1049801/chopnhay.gif);")}}

{{thaian2009.maunick("#ffffff;text-shadow:1px 1px 3px red;padding:10px;background-image: url('http://baoloconline.gowap.lt/files/268881/nick63.png'); background-repeat: repeat-y; font-style: oblique;")}}

{{thaian2009.maunick("#00ff00;text-shadow:0 1px 1px #cc9900,1px 0 1px #cc9900,0 -1px 1px #cc9900,-1px 0 1px #cc9900;border:1px solid#ff0000;border-radius:10px;padding:2px;margin:2px;box-shadow: 1px 1px 7px #ff0000")}}

{{thaian2009.maunick("red;text-shadow:1px 1px 3px red;padding:2px;background-image: url('http://i.imgur.com/qYYYb.jpg');background-repeat:no-repeat;padding-left:17px")}}

{{thaian2009.maunick("red;text-shadow:1px 1px 3px red;padding-left:10px;background-image: url(http://goo.gl/4fjm3R), url(http://goo.gl/ApflOU),url(/files/1049801/chopnhay.gif); background-repeat: repeat-x, no-repeat;")}}

{{thaian2009.maunick("#2AB7FF; text-shadow: 1px 2px 10px #00FFC0;;padding-left:15px;background-image: url(http://goo.gl/4fjm3R), url(http://i.imgur.com/9TeMg.jpg); background-repeat: repeat-x, no-repeat;")}}

{{thaian2009.maunick("white;text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);background-image:url(http://goo.gl/JNHBg9);")}}

{{thaian2009.maunick("#000; text-shadow: 1px 2px 3px #f00; padding-left: 50px; background: url(http://goo.gl/4fjm3R),url(http://goo.gl/91rr2t),url(http://goo.gl/QgvKHb); background-repeat: repeat-x,no-repeat; background-color: #0ff;")}}

{{thaian2009.maunick("red;background-image:url(//goo.gl/oO0N4W),url(//goo.gl/bUU8Ik),url(//goo.gl/esronW);padding: 8px 10px 8px 10px;background-repeat:no-repeat;background-position: left 0px,center center,right center;")}}

{{thaian2009.maunick("#fff; text-shadow: 0px 0px 6px#f04,0px 0px 5px#f04,0px 0px 5px#f04; background-image: url(http://goo.gl/JNHBg9); background-repeat: no-repeat; padding-left: 20px;")}}

{{thaian2009.maunick("red;text-shadow:1px 1px 3px red;padding-left:15px;background-image: url(http://goo.gl/4fjm3R),url(http://i.imgur.com/David.jpg),url(/files/1049801/chopnhay.gif); background-repeat: repeat-x, no-repeat;")}}

{{thaian2009.maunick("#0DD;border:1px solid red;text-shadow:1px 2px 3px black;padding-left: 62px;font-size:16px;background-image: url(//goo.gl/EMDUY2),url(//goo.gl/ig1NsO);background-repeat: no-repeat,repeat-x;")}}

<div class="lista">Css hướng dẫn</div>

Mỗi từ khóa viết cách nhau dấu chấm phẩy (;). Ví dụ: #ff0000;font-size: 25px;<br/>

-<b>color</b>: là màu sắc tên nick. Ví dụ: color: red;<br/>

-<b>textshadow</b>: là bóng mờ của nick. Ví dụ: text-shadow: 1px 1px 3px #ff00ff;<br/>

-<b>font-size</b>: là cỡ chữ của nick. Ví dụ: font-size: 30px;<br/>

-<b>border</b>: là khung viền bên ngoài nick. Ví dụ: border: 1px solid #ff000;0<br/>

-<b>background-color</b>: là màu nền của nick. Ví dụ: background-color: #0000ff;<br/>

-<b>background-image</b>: là hình nền của nick. Ví dụ: background-image:url(http://i.imgur.com/qYYYb.jpg);<br/>

-<b>border-radius</b>: là bo tròn góc. Ví dụ: border-radius: 10px;<br/>

-<b>background-repeat</b>: là hình nền có lập lại hay không, no-repeat là không lập, repeat-x là lập theo chiều ngang. Ví dụ: background-repeat: no-repeat;<br/>

-<b>padding</b>: là khoảng cách từ viền đến chữ. Ví dụ: padding: 4px;<br/>

-<b>margin</b>: là canh lề cho tên nick, margin-left là canh lề trái Tương tự là right, bottom, top. Ví dụ: margin: 4px;<br/>

</div>

- Cố định cho 1 người: {{'{{'}}api.u.get('12345678').city{{'}}'}}</br>

- Người đang ol: {{'{{'}}api.u.get(api.user_id).city{{'}}'}}</br>

- Thông tin người dùng: {{'{{'}}api.u.get(api.r.get('uid')).city{{'}}'}}</br>

- Ở chatbox: {{'{{'}}api.u.get(nick|slice(27,8)).city{{'}}'}}</br>

- Trong diễn đàn: {{'{{'}}api.u.get(author_id).city{{'}}'}}</br>

<textarea><a href=/user_info.php?uid={{'{{'}}api.u.get(api.user_id).uid{{'}}'}}" style="font-weight:bold;color:{{'{{'}}api.u.get(api.user_id).city{{'}}'}}">{{'{{'}}api.u.get(api.user_id).nick{{'}}'}}</a></textarea>[/code]

Nguồn: http://cobethoitiet.wap.mu/

Demo: http://cobethoitiet.wap.mu/mai ... 39139

**vipnamdan** · 22.12.2015 / 14:40

Code này chắc ko đ.c r

**duongchung** · 22.12.2015 / 14:56

vipnamdan đã viết ↑

Code này chắc ko đ.c r

Đc mà. http://zaloxinh.waplux.com/mai ... 46439

**vipnamdan** · 22.12.2015 / 15:54

Cái này 1topic hay cả wap

**duongchung** · 22.12.2015 / 15:58

Ở đâu cũng đc

**vipnamdan** · 22.12.2015 / 16:03

Cho nó về dạng chọn màu nick qua link <a herf đ.c ko bác

**duongchung** · 22.12.2015 / 16:26

vipnamdan đã viết ↑

Cho nó về dạng chọn màu nick qua link <a herf đ.c ko bác

K hiểu lắm

**duongchung** · 22.12.2015 / 16:26

Mà thaian hd kĩ lắm rồi

**vipnamdan** · 22.12.2015 / 16:30

Vídụ : <a herf="...">màu xanh</a>,click cái là thay màu

**duongchung** · 22.12.2015 / 17:08

Dùng forums k dễ hơn à