كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Spacer10

 


أهلا وسهلا بك إلى منتدى عالم فى الروقان.
أهلا وسهلا بك ضيفنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، وفي حال رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


من طرف يزن المالكيكتب: إهــــــــــــــــــــــــــــــداء من طرف يوسف شعرونكتب: ادارة المنتدي تهنئ أعضاء المنتدي الكرام بحلول عيد الاضحي المبارك وكل عام وانتم بخير من طرف يوسف شعرونكتب: للاعلان في المنتدي او للاستفسار عن مشكله يرجي التواصل عن طريق قسم الشكاوي . من طرف يوسف شعرونكتب: عالم في الروقان يرحب با الاعضاء والزوار الكرام
آخر المواضيع
goweto_bilobedسلام عليكم كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الأحد يونيو 25, 2023 3:20 pm من طرفgoweto_bilobedهل تعلم أن في خلق الإنسان شيئا يكاد لا يصدق.. كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الجمعة أبريل 14, 2023 11:19 am من طرفgoweto_bilobedبرنامج راديو ( الكعبة ) 2023 الاستماع ( 149 مصحف كاملا - 217 اذاعة للقراء -9 اذعات عربية ) 4 ميجا كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الجمعة فبراير 24, 2023 6:24 am من طرفgoweto_bilobedملف 172 إذاعه إسلاميه و 127 ملف قرءان كاملا لمعظم قراء الوطن العربي كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الجمعة فبراير 24, 2023 6:22 am من طرفgoweto_bilobedتحميل استايل كويتى المتعدد الالوان كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الثلاثاء يوليو 27, 2021 2:35 pm من طرفgoweto_bilobedإهــــــــــــــــــــــــــــــداء كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الإثنين أكتوبر 24, 2016 3:06 pm من طرفgoweto_bilobedفي الجنه.. كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الخميس سبتمبر 22, 2016 3:41 am من طرفgoweto_bilobedيجب أن نسامح بعضنا بعضاً  كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الخميس أغسطس 18, 2016 8:34 pm من طرفgoweto_bilobedطور ذاتك قبل غيرك...... كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الخميس أغسطس 18, 2016 8:28 pm من طرفgoweto_bilobedالحبال انواع كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الخميس أغسطس 18, 2016 6:58 pm من طرف

منتدى عالم فى الروقان :: (منتديات البرامج) :: ==قسم دعم احلى المنتديات == :: ==قسم أكواد HTML==

شاطر
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الخميس أكتوبر 25, 2012 8:53 pm
المشاركة رقم: 1
المعلومات
الكاتب:
اللقب:
.::|عبد من عباد الله|::.
الرتبه:
.::|عبد من عباد الله|::.
الصورة الرمزية

يوسف شعرون

البيانات
رقم العضوية : 1
المزاج : المزاج
المهنة : المهنة
الهواية : الهواية
البلد : الدولة
الجنس : الجنس
عدد المشاركات : 3119
النـأدي المفضلْ :  كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Ahly7-11-2008-16-7-2
تاريخ التسجيل : 12/02/2010
العمر : 31
الاقامة : فى قلوب الناس
الأوسمة :  كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى S4mkux10
الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى


كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى


 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 718700619
[css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
;,] [hth s;vdfj gulg hgjhdjg fa;g []d]

 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 2793963214

أهلا
بكم أعضاء وزوار شركة فور يمنى أظن أن الكل لاحظ أن التايتل يختلف فى
منتدانا عن باقى المنتديات وقد طلب الكثير من الاعضاء هذا الكود واليوم
أقدمه لكم وبتقنية حديثة أفضل من منتدانا لكل أعضائنا الغاليين

صورة للكود
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 2800595680
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Untitl29

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

شكله
يختلف عن منتدانا أنه أسود اللون ويوجد سهم يشير الى الكلمة ويظهر بشكل
جميل ويختفى بعد فترة وكل هذه خصائص سنتحدث عنها فيما بعد

الكود وشرحه
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 1919401693

الكود يتكون من اتنين كود جافا سكريبت واحد ثابت لا نغيره والاخر نتحكم به وكود css للأشكال

الكود الجافا سكريبت الثابت

العنوان أى شئ ولكن تذكره

التأثير فى جميع الصفحات
ثم ضع الكود

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>
</td></tr><tr><td class="code">
// tipsy, facebook style tooltips for jquery
// [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
// code brogramed by ahmed and mohamed abdelfatah
// releated under the MIT license

(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'; // reset classname in case of dynamic gravity
$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'
};

// Overwrite this method to provide options on a per-element basis.
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
// (remember - do not modify 'options' in place!)
$.fn.tipsy.elementOptions = 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);</td></tr></table>

الكود نخفى يرجى الرد لرؤيته
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 662289920

ثانى كود هو الجافا سكريبت المتغير

العنوان أى شئ ولكن تذكره

التأثير فى جميع الصفحات
ثم ضع الكود
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>Code:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]</td></tr><tr><td class="code">
$(document).ready(function(){
$(function() {
$('a').tipsy({gravity: 'se', delayIn: 500, delayOut: 1000, fade: true});


});
});</td></tr></table>

الكود مخفى يرجى الرد لرؤيته
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 662289920

شرح التعديل على الكود
الكود حاليا له عدة تأثيرات

1 - اول خاصية gravity: 'se' هذه الكلمة فى الكود توضح مكان التايتل اذا كان من اى ناحية
يعنى مكتوب فى الكود كلمة se يعنى يظهر من الجنوب الشرقى
صورة السهم اللى هيتغير
 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Untitl30

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

لتغيير مكانه كالأتى
لجعله من ناحية الشمال غير se إلى n

لجعله من ناحية الشمال الغربى غير se إلى nw

لجعله من ناحية الشمال الشرقى غير se إلى ne

لجعله من ناحية الغرب غير se إلى w

لجعله من ناحية الشرق غير se إلى e

لجعله من ناحية الجنوب الغربى غير se إلى sw

لجعله من ناحية الجنوب غير se إلى s

من ناحية الجنوب الشرقى هى se

كود ال css
لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم ال css
ضع الكود التالى
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>Code:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]</td></tr><tr><td class="code">
.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: 2000px;
text-align: center;
-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;
font:10pt tahoma;text-align:center;




}

.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;
}</td></tr></table>

الكود مخفى يرجى الرد لرؤيته

 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى 662289920

إلى هنا قد أنتهينا من وضع الكود وإن شاء الله يعمل كويس جدا معكم عندما تضيف خاصية title الى اى رابط تعمل معه تلقائيا






الموضوع الأصلي : كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى // المصدر : منتديات عالم في الروقان // الكاتب: يوسف شعرون
توقيع : يوسف شعرون




 كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى Icon_minitime1الإثنين سبتمبر 09, 2013 6:38 pm
المشاركة رقم: 2
المعلومات
الكاتب:
اللقب:
.::|رايق جديد|::.
الرتبه:
.::|رايق جديد|::.
الصورة الرمزية

kiro mani

البيانات
المزاج : المزاج
المهنة : المهنة
الهواية : الهواية
البلد : الدولة
الجنس : الجنس
عدد المشاركات : 2
تاريخ التسجيل : 09/09/2013
العمر : 31
الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى


كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى


شكرا




الــرد الســـريـع
..

هام جداً: قوانين المشاركه في المواضيع. انقر هنا للمعاينة
الرد السريع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى , كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى , كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى , كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى , كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى , كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى ] مخالف ,, من فضلك راسل الإدارة من هنا






12345678910111213141516171819202122232425262728
29303132333435363738394041424344454647484950515253545556

Rss

feed

atom

xml




منتدى عالم فى الروقان

↑ Grab this Headline Animator


الساعة الآن.


جميع الحقوق محفوظة لعالم في الروقان
حقوق الطبع والنشر 2025 - 2010
الاستايل من تحويل يوسف شعرون

 
تحويل عالم في الروقانتصميم يوسف شعرون