الصحة والسلامة المهنية
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Sas10




<marquee>أهلا ومرحبا بك ي زائر <b>ونرحب بالعضو https://hse-courses.mam9.com/u363 </b></marquee><style type=text/css>body, a, a:hover {cursor: url(http://sites.google.com/site/rubycocoamemo/_/rsrc/1233131355774/Home/table-view/doragguandodoroppu/copyCursor.png), progress;
</style>
الصحة والسلامة المهنية
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Sas10




<marquee>أهلا ومرحبا بك ي زائر <b>ونرحب بالعضو https://hse-courses.mam9.com/u363 </b></marquee><style type=text/css>body, a, a:hover {cursor: url(http://sites.google.com/site/rubycocoamemo/_/rsrc/1233131355774/Home/table-view/doragguandodoroppu/copyCursor.png), progress;
</style>
الصحة والسلامة المهنية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الصحة والسلامة المهنية


 
الرئيسيةالمنشوراتدخولالتسجيل

 

 [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
maly-mzaj
المدير العام

maly-mzaj


| المشاركات | : 1533
| نقاطي | : 1737
| تاريخ ميلادي | : 17/03/1986
| عمري | : 38

[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Empty
مُساهمةموضوع: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Icon_minitimeالجمعة أغسطس 17, 2012 3:22 pm

[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى

كود Javascript مميز يقوم بوضع خاصية مشاهدة باقي الموضوع و وضعها بشكل زر و بتقنية جميلة جدا

مميزاته :

يخبئ نص الموضوع في ضغطة ولما تضغط عليها يظهر لك باقي الموضوع بطريقة جميله ومميزه

الكود يعمل على النسخ التالية فقط

Invision,phpBB3,phpBB2,PunBB



|صورة لمعاينة الكود و مكان ظهورة|

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

شرح تركيب الكود :

الخطوى الأولى

لوحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

كود النسخة الـ phpBB2
الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
 phpBB2 boards. Copyright © 2012 by Sam Hameed & GatexTeem. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.postbody div:not('.cont_code')").each(function(){var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('<br/><div style="text-align: center;"><button style="float:center; padding:1px" class="See-More-By-Sam">أضغط هنا لمشاهدة باقي الموضوع</button></div>').insertAfter(this);
$('.See-More-By-Sam').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

كود النسخة الـ phpBB3
الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
 phpBB3 boards. Copyright © 2012 by Sam Hameed & GatexTeem. All
Rights Reserved. Use and/or modification of this script is allowed,
provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.content").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('<br/><div style="text-align: center;"><button style="float:center; padding:1px" class="See-More-By-Sam">أضغط هنا لمشاهدة باقي الموضوع</button></div>').insertAfter(this);
$('.See-More-By-Sam').click(function(){
$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

كود النسخة الـ Invision
الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
 Invision boards. Copyright © 2012 by Sam Hameed & GatexTeem. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.post-entry").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('<br/><div style="text-align: center;"><button style="float:center; padding:1px" class="See-More-By-Sam">أضغط هنا لمشاهدة باقي الموضوع</button></div>').insertAfter(this);
$('.See-More-By-Sam').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

كود النسخة الـ PunBB
الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada PunBB boards. Copyright © 2012 by Sam Hameed & GatexTeem. All
Rights Reserved. Use and/or modification of this script is allowed,
provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.entry-content").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('<br/><div style="text-align: center;"><button style="float:center; padding:1px" class="See-More-By-Sam">أضغط هنا لمشاهدة باقي الموضوع</button></div>').insertAfter(this);
$('.See-More-By-Sam').click(function(){
$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.sig-content').each(function(){if(
$(this).height()>350){$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});

الخطوى الثانية

بعد أختيارك لكود نسخة منتداك عليك اختيار شكل ليناسب المنتدى
ما عليك سوى وضع الكود المرفق في الأسفل ما عليك سوى اتباع الخطوات

لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

الكود:
.See-More-By-Sam{
background: url("http://i47.servimg.com/u/f47/17/07/42/77/white-10.png") repeat-x scroll left top #F2F2F2;
border: 1px solid #CCCCCC;
border-radius: 10px 10px 10px 10px;
color: #000000;
font-family: Tahoma;
font-size: small;
height: 30px;
margin-top: 5px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
}
.See-More-By-Sam:hover {
background-image: url("http://i47.servimg.com/u/f47/17/07/42/77/bt_g10.png");
color: #666666;
}

بالتوفيق للجميع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hse-courses.mam9.com
غسق الدجى
{ بنوته حلوة }

غسق الدجى


| المشاركات | : 61
| نقاطي | : 5
| تاريخ ميلادي | : 21/03/1987
| عمري | : 37

[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Empty
مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى Icon_minitimeالأحد نوفمبر 11, 2012 7:37 pm

شكرا جزيلا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود Javascript يقوم بوضع زر بجانب شاطر و المزيد هدفه يقوم بتكبير و تصغير الخط بداخل الموضوع
»  [Javascript] يقوم بوضع أيقونات أشهر المواقع بجانب عنوان الموضوع ليزيد من فهرسة الموضوع
» [Javascript] كود يقوم بوضع خاصية AJAX profile في الصفحة الشخصية !
» كود jQuery يقوم بوضع خاصية أضافة الكلمات الدليلية في المنتدى
» [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده اخر انجازات منتديات ماي أصحاب

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الصحة والسلامة المهنية :: تطوير المنتديات :: التصاميم والجرافيكس :: أكواد 2012-
انتقل الى: