جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع

المتواجدون الآن ؟
ككل هناك 13 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 13 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 488 عُضو.
آخر عُضو مُسجل هو asdsafsdf فمرحباً به.

أعضاؤنا قدموا 9783 مساهمة في هذا المنتدى في 1845 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

كود الوصف بشكل مميز ومحترف

avatar
كود الوصف بشكل مميز  ومحترف
      اليوم بقدم لكم كود مييز من نوعة ..
الكود حصرى على منتديات تقنيات  وهو خاص بنا فقط
هذه بعض المناطق التى يعمل عليها الكود
   
http://i66.tinypic.com/viihdf.png

http://i67.tinypic.com/24df1mt.png

http://i67.tinypic.com/154kl7s.png

طريقة وضع الكود:
اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال Css


الكود:

.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
  font-weight: bold;
    font-family: Droid Arabic Kufi !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

ثانيا:لوحة الاداره>>عناصر اضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان * : كما تريد
أضف الكود الى : جميع الصفحات
كود Javascript * :


الكود:

jQuery(document).ready(function(){jQuery("div.post").each(function(){
jQuery(this).html(jQuery(this).html()
.replace(/{creator}/g,jQuery
("div.user h4.username a span strong").html()))})});(function($){
function fixTitle($ele){if($ele.attr('title')|
|typeof($ele.attr('original-title'))!='string')
{$ele.attr('original-title',$ele.attr('title')||'').removeAttr('title')}}
function Tipsy(element,options){this.$element=$(element)
;this.options=options;this.enabled=true;fixTitle(this.$element)
}Tipsy.prototype={show:function(){var title=this.getTitle();if
(title&&this.enabled){var $tip=this.tip();$tip.find('.tipsy-inner')[this.options.html?'html':'text']
(title);$tip[0].className='tipsy';$tip.remove().css({top:0,left:0,visibility:
'hidden',display:'block'}).appendTo(document.body);var pos=$.extend({},this.
$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0]
.offsetHeight});var actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight;
var gravity=(typeof this.options.gravity=='function')?this.options.gravity.call
(this.$element[0]):this.options.gravity;var tp;switch(gravity.charAt(0)){case'n':tp={top:pos.top+pos
.height+this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case's'
:tp={top:pos.top-actualHeight-this.options.offset,left:pos.left+pos.width/2-actualWidth/2}
;break;case'e':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth-this.
options.offset};break;case'w':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos
.width+this.options.offset};break}if(gravity.length==2){if(gravity.charAt(1)=='w'){tp.left=pos
.left+pos.width/2-15}else{tp.left=pos.left+pos.width/2-actualWidth+15}}$tip.css(tp).addClass
('tipsy-'+gravity)
;if(this.options.fade){$tip.stop().css({opacity:0,display:'block',visibility:'visible'}).animate
({opacity:this.options.opacity})}else{$tip.css({visibility:'visible',opacity:this.options.opacity})}}}
,hide:function(){if(this.options.fade){this.tip().stop().fadeOut(function()
{$(this).remove()})}else{this.tip().remove()}},getTitle:function(){var title,$e=this.
$element,o=this.options;fixTitle($e);var title,o=this.options;if(typeof o.title=='string'){title=$e.attr
(o.title=='title'?'original-title':o.title)}else if(typeof o.title=='function')
{title=o.title.call($e[0])}
title=(''+title).replace(/(^\s*|\s*$)/,"");return title||o.fallback},tip:function(){if(!this.$tip)

{this.$tip=$('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div
class="tipsy-inner"/></div>')}
return this.$tip},validate:function(){if(!this.$element[0].parentNode){this.hide();this
.$element=null;this.options=null}},enable:function(){this.enabled=true},disable:function()
{this.enabled=false},toggleEnabled:function(){this.enabled=!this.enabled}};$.fn.tipsy=function(options){
if(options===true){return this.data('tipsy')}else if(typeof options=='string'){return
this.data('tipsy')[options]()}options=$.extend({},$.fn.tipsy.defaults,options);function get
(ele){var
tipsy=$.data(ele,'tipsy');if(!tipsy){tipsy=new Tipsy(ele,$.fn.tipsy.elementOptions
(ele,options))
;$.data(ele,'tipsy',tipsy)}return tipsy}function enter(){var tipsy=get(this);tipsy.hoverState='
in';if(options.delayIn==0){tipsy.
show
()}
else{setTimeout(function(){if(tipsy.hoverState=='in')tipsy.show()},options.delayIn)}}
;function leave(){var tipsy=get(this);tipsy.hoverState='out';if(options.delayOut==0){
tipsy.hide()}else{setTimeout(function(){if(tipsy.hoverState=='out')tipsy.hide()},
options.delayOut)}};if(!options.live)this.each(function(){get(this)});if(options.trigger!
='manual'){var binder=options.live?'live':'bind',eventIn=options.trigger=='hover'?'mouseenter'
:'focus',eventOut=options.trigger=='hover'?'mouseleave':'blur';this[binder](eventIn,enter)[binder]
(eventOut,leave)}return this};$.fn.tipsy.defaults={delayIn:0,delayOut:0,fade:false,fallback:'',gravity:'n',
html:false,live:false,offset:0,opacity:0.8,title:'title',trigger:'hover'};$.fn.tipsy.elementOpti
ons=function(ele,options){return $.metadata?$.extend({},options,$(ele).metadata()):options};$.fn.
tipsy.autoNS=function(){return $(this).offset().top>($(document).scrollTop()+$(window).height()/2)?
's':'n'};$.fn.tipsy.autoWE=function(){return $(this).offset().left>($(document).scrollLeft()+$(window)
.width()/2)?'e':'w'}})(jQuery);$(function(){$('[title]').tipsy({fade:true,gravity:'s'})});


:]: :]: :]: :]:




وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

avatar
ماشاء الله تبارك الله
شرح مميز وكود رائع مرغوب فيه
عوافي يارب يابطل
دائما تتحفنا بجديدك


m13
avatar
ماشاء الله
كود جميل ورائع يستحق الاعجاب والتقدير يا مبدع
سلمت الاياادي التي خطت وابدعت
ارق التحايا
avatar
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
avatar
ألف شكر لكَ على هذا الموضوع المميز

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول