Font chữ ảnh cho wap ego

19 bài đăng
08.03.2016 / 09:06
thaian2009
Bài đăng: 709
Member

Style chữ:

TWIG
  1. <link rel="stylesheet" href="/files/1050632/phat_css.css"/>
  2. <style type="text/css">
  3. {%set text=['Q','g','G','p','P','ậ','ệ','ạ','ộ','ự','ị','ợ','ẹ','y','ỵ','Y']%}
  4. {%for i in 0..text|length-1%}.phletter.ph{{text[i]}},{%endfor%}.phletter.phq{margin-bottom: -5px;}
  5. </style>

Macro dùng ở Twig hay shoutbox history

TWIG
  1. {%macro text2(text)%}<img src="/files/953350/quote1.png">{%for i in 0..text|length-1%}<span class="phletter ph{{text|slice(i,1)|replace({' ':'space'})}}">{{text|slice(i,1)}}</span>{%endfor%}<img src="/files/953350/quote2.png">{%endmacro%}{%import _self as thaian2009%}

Dùng ở shoutbox history:

TWIG
  1. {{thaian2009.text2(message|striptags)}}

Dùng ở Twig

TWIG
  1. {{thaian2009.text2('Văn bản muốn hiện')}}

Còn nhiều kiểu font khác nữa. Muốn làm thì đặt tại cbtt.

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

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

Đã chỉnh sửa. MrKen (16.11.2016 / 18:35)
08.03.2016 / 09:09
thaian2009
Bài đăng: 709
Member

Macro chuyển có dấu thành không dấu(không cần dùng, share thêm).

TWIG
  1. {%macro uni(text3)%}{{text3|replace({'a':'a', 'á':'a', 'à':'a', 'ả':'a', 'ã':'a', 'ạ':'a', 'ă':'a', 'ắ':'a', 'ằ':'a', 'ẳ':'a', 'ẵ':'a', 'ặ':'a', 'â':'a', 'ấ':'a', 'ầ':'a', 'ẩ':'a', 'ẫ':'a', 'ậ':'a', 'e':'e', 'é':'e', 'è':'e', 'ẻ':'e', 'ẽ':'e', 'ẹ':'e', 'ê':'e', 'ế':'e', 'ề':'e', 'ể':'e', 'ễ':'e', 'ệ':'e', 'i':'i', 'í':'i', 'ì':'i', 'ỉ':'i', 'ĩ':'i', 'ị':'i', 'o':'o', 'ó':'o', 'ò':'o', 'ỏ':'o', 'õ':'o', 'ọ':'o', 'ô':'o', 'ố':'o', 'ồ':'o', 'ổ':'o', 'ỗ':'o', 'ộ':'o', 'ơ':'o', 'ớ':'o', 'ờ':'o', 'ở':'o', 'ỡ':'o', 'ợ':'o', 'u':'u', 'ú':'u', 'ù':'u', 'ủ':'u', 'ũ':'u', 'ụ':'u', 'ư':'u', 'ứ':'u', 'ừ':'u', 'ử':'u', 'ữ':'u', 'ự':'u', 'y':'y', 'ý':'y', 'ỳ':'y', 'ỷ':'y', 'ỹ':'y', 'ỵ':'y', 'đ':'d', 'A':'A', 'Á':'A', 'À':'A', 'Ả':'A', 'Ã':'A', 'Ạ':'A', 'Â':'A', 'Ấ':'A', 'Ầ':'A', 'Ẩ':'A', 'Ẫ':'A', 'Ậ':'A', 'Ă':'A', 'Ắ':'A', 'Ằ':'A', 'Ẳ':'A', 'Ẵ':'A', 'Ặ':'A', 'E':'E', 'É':'E', 'È':'E', 'Ẻ':'E', 'Ẽ':'E', 'Ẹ':'E', 'Ê':'E', 'Ế':'E', 'Ể':'E', 'Ể':'E', 'Ễ':'E', 'Ệ':'E', 'I':'I', 'Í':'I', 'Ì':'I', 'Ỉ':'I', 'Ĩ':'I', 'Ị':'I', 'O':'O', 'Ó':'O', 'Ò':'O', 'Ỏ':'O', 'Õ':'O', 'Ọ':'O', 'Ô':'O', 'Ố':'O', 'Ồ':'O', 'Ổ':'O', 'Ỗ':'O', 'Ộ':'O', 'Ơ':'O', 'Ớ':'O', 'Ờ':'O', 'Ở':'O', 'Ỡ':'O', 'Ợ':'O', 'U':'U', 'Ú':'U', 'Ù':'U', 'Ủ':'U', 'Ũ':'U', 'Ụ':'U', 'Ư':'U', 'Ứ':'U', 'Ừ':'U', 'Ử':'U', 'Ữ':'U', 'Ự':'U', 'Y':'Y', 'Ý':'Y', 'Ỳ':'Y', 'Ỷ':'Y', 'Ỹ':'Y', 'Ỵ':'Y', 'Ð':'D'})}}{%endmacro%}

Macro tích hợp icon theo cấu trúc: .ch123. or .ch1. or .ch789978. (1 dấu chấm + 2 kí tự bất kì + các số bất kì + 1 dấu chấm)

TWIG
  1. {%macro dtext(s)%}{%set na=s|slice(0,2)%}{{('<img src="https://itgroup-thaian2009.rhcloud.com/pages/pages/pokemon/'~na~s|slice(2)~'.png" alt=".'~na~'."/>')|raw}}{%endmacro%}
  2. {%macro icon(smsg)%}{%import _self as thaian%}{%set msg=smsg|split('.')%}{%set xmsg=''%}{%for i in 0..msg|length-1%}{%if msg[i] matches '/^([a-z][a-z]([0-9]|[0-9][0-9]|[0-9][0-9][0-9]))$/'%}{%set xmsg=xmsg~'[-xoasmile-]'~thaian.dtext(msg[i])|raw%}{%else%}{%set xmsg=xmsg~thaian.text2(thaian.uni(msg[i]))~"."%}{%endif%}{%endfor%}{%set xmsg=xmsg|slice(0,xmsg|length-1)%}{%set lmsg=xmsg|replace({".[-xoasmile-]":''})|raw%}{{lmsg|raw}}{%endmacro%}
Đã chỉnh sửa. MrKen (16.11.2016 / 18:35)
08.03.2016 / 10:23
mad
Bài đăng: 2434
Member
Nhào vô cắn tao đi, tao sợ mày à cắn bừa.

công nhận bác an tin tưởng đạo phật thật ^^

08.03.2016 / 14:49
vov
Bài đăng: 60
Member
Namo Buddho

Cho xin code để ảnh nền. Phật Thích Ca, nha An

08.03.2016 / 15:16
thaian2009
Bài đăng: 709
Member
vov đã viết

Cho xin code để ảnh nền. Phật Thích Ca, nha An

TWIG
  1. {%set hinhnen=['phat1','phat2','phat3','phat4','phat5','phat6']%}
  2. {%if "now"|date("H")=='23' or "now"|date("H")=='22' or "now"|date("H")=='21' or "now"|date("H")=='14'%}
  3. {%set hinhphat='/files/1050632/'~hinhnen[random(hinhnen|length-1)]~'.gif'%}
  4. {%else%}
  5. {%set hinhphat='/files/1050632/phat0.gif'%}
  6. {%endif%}
  7. <style type="text/css">
  8. html{background-color: #8A7A13;}
  9. .nutbam{padding: 5px; font-weight: bold; width: 30%; color: #85252B; border: 1px solid #C87E44; background-color: #CFA556; border-radius: 3px; box-shadow: inset 1px 1px 14px 1px #D08D49; text-shadow: 1px 1px 3px #895601;}
  10. .nutbam:hover { background-color: #F6C20F; }
  11. .nutbam:active { background-color: #F5E845; }
  12. .text{width: 80%; resize: vertical; border: 1px solid rgb(207, 143, 116); border-radius: 3px; font-weight: bold; color: rgb(255, 202, 0); padding: 2px; margin: 1px; background-color: rgb(96, 0, 0); font-size: 15px; font-family: -webkit-pictograph;}
  13. body{width: auto; max-width: 900px; margin: auto; border: 1px solid #F7E84E; background-color: #EBDC37; box-shadow: 1px 1px 3px 1px #DFCB2B; border-radius: 3px; background-image: url({{hinhphat}}); background-size: cover;position: relative; background-position: center center; background-repeat: no-repeat;}
  14. {%set text=['Q','g','G','p','P','ậ','ệ','ạ','ộ','ự','ị','ợ','ẹ','y','ỵ','Y']%}
  15. {%for i in 0..text|length-1%}.phletter.ph{{text[i]}},{%endfor%}.phletter.phq{margin-bottom: -5px;}
  16. </style>
Đã chỉnh sửa. MrKen (16.11.2016 / 18:36)
08.03.2016 / 15:43
vov
Bài đăng: 60
Member
Namo Buddho

[quote=11074,61,thaian2009][/quote]

Cảm ơn bạn nha, tại mình đang làm cái wap dạy món ăn chay cho Phật tử nên xin :)

08.03.2016 / 15:47
vov
Bài đăng: 60
Member
Namo Buddho

Sao không được ta, nó thế nào nè

[IMAGE]
Đã chỉnh sửa. MrKen (16.11.2016 / 18:36)
08.03.2016 / 15:48
thaian2009
Bài đăng: 709
Member
vov đã viết

Sao không được ta, nó thế nào nè

link ảnh /files/1050632/phat0.gif

phải dùng trên ego, còn ở host phải ghi địa chỉ đầy đủ..

08.03.2016 / 15:55
vov
Bài đăng: 60
Member
Namo Buddho

Link đầy đủ là gì vậy bạn? Xin link đó nha

08.03.2016 / 15:56
thaian2009
Bài đăng: 709
Member
vov đã viết

Link đầy đủ là gì vậy bạn? Xin link đó nha

http://cobethoitiet.wap.mu/fil ... 0.gif