Photo by Hans M
[css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
السبت أكتوبر 06, 2012 1:32 pm
تذكير بمساهمة فاتح الموضوع :
:uygfyu:
[css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
;,] [hth s;vdfj gulg hgjhdjg fa;g []d]
أهلا بكم أعضاء وزوار شركة فور يمنى أظن أن الكل لاحظ أن التايتل يختلف فى منتدانا عن باقى المنتديات وقد طلب الكثير من الاعضاء هذا الكود واليوم أقدمه لكم وبتقنية حديثة أفضل من منتدانا لكل أعضائنا الغاليين
صورة للكود
:55445:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
شكله يختلف عن منتدانا أنه أسود اللون ويوجد سهم يشير الى الكلمة ويظهر بشكل جميل ويختفى بعد فترة وكل هذه خصائص سنتحدث عنها فيما بعد
الكود وشرحه
الكود يتكون من اتنين كود جافا سكريبت واحد ثابت لا نغيره والاخر نتحكم به وكود css للأشكال
الكود الجافا سكريبت الثابت
العنوان أى شئ ولكن تذكره
التأثير فى جميع الصفحات
ثم ضع الكود
الكود نخفى يرجى الرد لرؤيته
ثانى كود هو الجافا سكريبت المتغير
العنوان أى شئ ولكن تذكره
التأثير فى جميع الصفحات
ثم ضع الكود
الكود مخفى يرجى الرد لرؤيته
شرح التعديل على الكود
الكود حاليا له عدة تأثيرات
1 - اول خاصية gravity: 'se' هذه الكلمة فى الكود توضح مكان التايتل اذا كان من اى ناحية
يعنى مكتوب فى الكود كلمة se يعنى يظهر من الجنوب الشرقى
صورة السهم اللى هيتغير
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لتغيير مكانه كالأتى
لجعله من ناحية الشمال غير se إلى n
لجعله من ناحية الشمال الغربى غير se إلى nw
لجعله من ناحية الشمال الشرقى غير se إلى ne
لجعله من ناحية الغرب غير se إلى w
لجعله من ناحية الشرق غير se إلى e
لجعله من ناحية الجنوب الغربى غير se إلى sw
لجعله من ناحية الجنوب غير se إلى s
من ناحية الجنوب الشرقى هى se
كود ال css
لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم ال css
ضع الكود التالى
الكود مخفى يرجى الرد لرؤيته
إلى هنا قد أنتهينا من وضع الكود وإن شاء الله يعمل كويس جدا معكم عندما تضيف خاصية title الى اى رابط تعمل معه تلقائيا
الكود حصرى على شركة فور يمنى يمنع النقل نهائيا بتاتا من الشركة
لطلب اى كود او مساعده فى كود او إقتراح كود من هنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
:uygfyu:
[css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
;,] [hth s;vdfj gulg hgjhdjg fa;g []d]
أهلا بكم أعضاء وزوار شركة فور يمنى أظن أن الكل لاحظ أن التايتل يختلف فى منتدانا عن باقى المنتديات وقد طلب الكثير من الاعضاء هذا الكود واليوم أقدمه لكم وبتقنية حديثة أفضل من منتدانا لكل أعضائنا الغاليين
صورة للكود
:55445:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
شكله يختلف عن منتدانا أنه أسود اللون ويوجد سهم يشير الى الكلمة ويظهر بشكل جميل ويختفى بعد فترة وكل هذه خصائص سنتحدث عنها فيما بعد
الكود وشرحه
الكود يتكون من اتنين كود جافا سكريبت واحد ثابت لا نغيره والاخر نتحكم به وكود css للأشكال
الكود الجافا سكريبت الثابت
العنوان أى شئ ولكن تذكره
التأثير فى جميع الصفحات
ثم ضع الكود
الكود نخفى يرجى الرد لرؤيته
ثانى كود هو الجافا سكريبت المتغير
العنوان أى شئ ولكن تذكره
التأثير فى جميع الصفحات
ثم ضع الكود
الكود مخفى يرجى الرد لرؤيته
شرح التعديل على الكود
الكود حاليا له عدة تأثيرات
1 - اول خاصية gravity: 'se' هذه الكلمة فى الكود توضح مكان التايتل اذا كان من اى ناحية
يعنى مكتوب فى الكود كلمة se يعنى يظهر من الجنوب الشرقى
صورة السهم اللى هيتغير
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لتغيير مكانه كالأتى
لجعله من ناحية الشمال غير se إلى n
لجعله من ناحية الشمال الغربى غير se إلى nw
لجعله من ناحية الشمال الشرقى غير se إلى ne
لجعله من ناحية الغرب غير se إلى w
لجعله من ناحية الشرق غير se إلى e
لجعله من ناحية الجنوب الغربى غير se إلى sw
لجعله من ناحية الجنوب غير se إلى s
من ناحية الجنوب الشرقى هى se
كود ال css
لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم ال css
ضع الكود التالى
الكود مخفى يرجى الرد لرؤيته
إلى هنا قد أنتهينا من وضع الكود وإن شاء الله يعمل كويس جدا معكم عندما تضيف خاصية title الى اى رابط تعمل معه تلقائيا
الكود حصرى على شركة فور يمنى يمنع النقل نهائيا بتاتا من الشركة
لطلب اى كود او مساعده فى كود او إقتراح كود من هنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
- nenja
- المشاركات : 2
الانتساب : 13/04/2015
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الإثنين أبريل 13, 2015 9:57 pm
شكرا جزيلا اخي بارك الله فيه
- crash101094
- المشاركات : 56
الانتساب : 05/05/2015
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الثلاثاء مايو 05, 2015 9:42 pm
مشكوررررررررررررررررررررررر
- naruto101
- المشاركات : 46
الانتساب : 07/12/2013
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الجمعة مايو 22, 2015 4:57 pm
مشكوووووووووووووووووور
- مختــــــــــــار
- المشاركات : 5
الانتساب : 22/06/2015
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الجمعة يونيو 26, 2015 4:34 am
/* Start Image RESIZE */
// invite global vb
global $post;
$mbsmgroupn = $post['title'];
$mbsmgroup = str_replace(array(' ', ' ', '\\"'), array(',', ',', '"'), $mbsmgroupn);
// variable for user
$formurl = "[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] موقعك.com" ;
$forumtit = "عنوان موقعك";
// begin hake for meta
$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : ''; if (stristr($navigator_user_agent, "msie")) { return '[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'; } else { return '[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'; }
/* End Image RESIZE */
// invite global vb
global $post;
$mbsmgroupn = $post['title'];
$mbsmgroup = str_replace(array(' ', ' ', '\\"'), array(',', ',', '"'), $mbsmgroupn);
// variable for user
$formurl = "[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] موقعك.com" ;
$forumtit = "عنوان موقعك";
// begin hake for meta
$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : ''; if (stristr($navigator_user_agent, "msie")) { return '[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'; } else { return '[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]'; }
/* End Image RESIZE */
- مختــــــــــــار
- المشاركات : 5
الانتساب : 22/06/2015
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الجمعة يونيو 26, 2015 4:35 am
// 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 = $('').html('
');// [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
// 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 = $('').html('
}
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);
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الإثنين يوليو 06, 2015 4:56 am
الكود لا يعمل ينقل للسلة
رد: [css][javascript] كود جافا سكريبت لتغيير تايتل المنتدى بتقنية جديدة لمنتديات أحلى منتدى
الثلاثاء يناير 19, 2016 8:55 pm
تجربة
- [javascript]كود جافا سكريبت لتغيير اسماء ازرار الرئيسية لمنتديات احلى منتدى
- [JavaScript] كود جافا سكريبت لاغلاق اى قسم برقم سرى لمنتديات احلى منتدى
- [code][javascript]كود جافا سكريبت جارى تحميل الصفحة لمنتديات احلى منتدى
- [code][javascript]كود جافا سكريبت زر الرسائل و لديك رسالة جديدة بمفرده
- [javascript]كود جافا سكريبت لعرض الصور فى المواضيع بأنبثاق بطريقة جديدة بدون تومبيلات
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى