المشاركات 4,392 |
+التقييم 20 |
تاريخ التسجيل Jun 2015 |
الاقامة ام الدنيــ EGYPT ــا |
نظام التشغيل windows 7 |
رقم العضوية 1 |
<div class="tagBlock TagContainer"> <div class="IconTag"> <div class="fa fa-tags"> </div></div> {xen:phrase tags}: <xen:if is="{$tags}"> <ul class="tagList"> <xen:foreach loop="$tags" value="$tag"> <li><a href="{xen:link tags, $tag}" class="tag"><span class="arrow"></span>{$tag.tag}</a></li> </xen:foreach> </ul> </xen:if> <xen:if is="{$editUrl}"> <a href="{xen:escape $editUrl, false}" class="OverlayTrigger tagBlockEdit"><xen:if is="{$tags}">{xen:phrase edit}<xen:else />{xen:phrase add_tags}</xen:if></a> </xen:if> </div>
.tagBlock { margin: 10px 0; font-size: 11px; } .tagList, .tagList li { display: inline; } .tagList .tag { position: relative; display: inline-block; background: @primaryLightest; margin-left: 9px; height: 14px; line-height: 14px; padding: 1px 4px 1px 6px; border: 1px solid @primaryLighter; border-left: none; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: @primaryMedium; font-size: 11px; margin-bottom: 2px; } .tagList .tag:hover { text-decoration: none; background-color: @primaryLighterStill; } .tagList .tag .arrow { position: absolute; display: block; height: 2px; width: 0; left: -9px; top: -1px; border-style: solid; border-width: 8px 9px 8px 0; border-color: transparent; border-right-color: @primaryLighter; } .tagList .tag .arrow:after { content: ''; position: absolute; display: block; height: 2px; width: 0; left: 1px; top: -7px; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent; border-right-color: @primaryLightest; } .tagList .tag:hover .arrow:after { border-right-color: @primaryLighterStill; } .tagList .tag:after { content: ''; position: absolute; left: -2px; top: 6px; display: block; height: 3px; width: 3px; border-radius: 50%; border: 1px solid @primaryLighter; background: @contentBackground; }
.tagBlock { background: none repeat scroll 0 0 #fff; border: 1px solid #e8e8e8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: "Droid Arabic Kufi","Open Sans",sans-serif; font-size: 0.75em; font-weight: lighter; padding: 8px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; min-height: 10px; } .tagBlock .IconTag { float: left; font-size: 32px; width: 40px; height: 30px; margin-left: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #123465; color: #fff; text-align: center; padding-top: 9px; } .tagBlock .IconTag { font-size: 25px; color: #fff; text-align: center; line-height: 0px; margin-left: 5px; margin-right: 10px; } .tagList, .tagList li { display: inline; } .tagList .tag { position: relative; display: inline-block; background: rgb(245, 245, 245); margin-right: 9px; height: 14px; line-height: 14px; padding:1px 6px 1px 4px; border: 1px solid rgb(222, 222, 222); border-right: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; color: rgb(17, 68, 143); font-size: 11px; margin-bottom: 2px; } .tagList .tag:hover { text-decoration: none; background-color: rgb(239, 239, 239); } .tagList .tag .arrow { position: absolute; display: block; height: 2px; width: 0; right: -9px; top: -1px; border-style:solid; border-width:8px 0 8px 9px; border-color:transparent; border-left-color: rgb(222, 222, 222); } .tagList .tag .arrow:after { content: ''; position: absolute; display: block; height: 2px; width: 0; right: 1px; top: -7px; border-style:solid; border-width:7px 0 7px 8px; border-color:transparent; border-left-color: rgb(245, 245, 245); } .tagList .tag:hover .arrow:after { border-left-color: rgb(239, 239, 239); } .tagList .tag:after { content: ''; position: absolute; right: -2px; top: 6px; display: block; height: 3px; width: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 1px solid rgb(222, 222, 222); background: rgb(252, 252, 255); }
اضافة رد
|
قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
|
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
مشكلة في قالب الكلمات الدلالية | S!L3NT H!LL | ركن مشاكل وطلبات المنتديات | 19 | 07-11-2018 06:22 AM |
قالب التوقيع الخاص باسكريبت الزين فورو بشكل جديد و حصرى لمنتدى هيلبرنت | abo-karim | ركن شروحات الزين فورو XENFORO | 6 | 06-13-2018 07:08 PM |
[ Template] : ماهو اسم قالب التاج او الوسوم tag فى xenforo | abo-karim | ركن شروحات الزين فورو XENFORO | 6 | 10-29-2017 09:27 PM |
[blogger] قالب بلوجر أخبار التكنلوجيا قالب جديد مميز وإحترافي | هيلبرنت | ركن تطوير المواقع | 0 | 02-02-2017 06:43 PM |
قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS | ابن الاكابر | ركن تطوير منتديات vb3.8.0 | 8 | 05-16-2016 12:31 AM |