ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

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

  افضل مساهمة1
كود الوصف بشكل مميز  ومحترف
      اليوم بقدم لكم كود مييز من نوعة ..
الكود حصرى على منتديات تقنيات  وهو خاص بنا فقط
هذه بعض المناطق التى يعمل عليها الكود
   
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

طريقة وضع الكود:
اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال 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'})});


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




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

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


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