طلب كود عرض الصور بانبثاق

2 مشترك

اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:24

بسم الله الرحمن الرحيم
طلب كود عرض الصور بانبثاق
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 6:27

{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:31

{عذآب} كتب:اهلاً اختي الكريمة تفضلي طلبك :
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات***Mohamed Nsr
Cool
اهلا اخى
ليس هذا ما اريده
هناك كود اخر يفتح بطريقة انبثاق افضل من هذه
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:34

+ الكود لا يعمل
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 6:36

جربي هذا الكود اختي :
new.moon كتب:مرحبا بك 

تفضل

 الكود
الكود:
 img {
    -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -o-transform:scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        opacity: 0.9;
        margin: 0 10px 5px 0;
        }
img:hover {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
        -webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
        -moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
        opacity: 1;
        }

  طريقة الوضع:>
  لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
+  كود عمل زوم علي الصور في المساهمات عند مرور الماوس عليها
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:41

هيك زوم اخى انا بدي كود انبثاق للصور فقط مثل هيك
طلب كود عرض الصور بانبثاق LightBox
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 6:47

اختي الكود التالي يعمل وتم تجربته :
كود جعل الصور تظهر بشكل منبثق بدون تومبيلات***Mohamed Nsr
ما نوع نسخة منتداك ؟ وايضاً جربي الطريقة التالية :
[حصري] حل مشكلة عدم عمل أغلب اكواد الجافا سكربت
Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:51

اخى انا وجدت الموضوع
https://help.ahlamontada.com/t984408-topic
لكن انا بدي اقوم بتركيبه فى قالب  viewcomments_body وليس قالب
viewtopic_body

ممكن تساعدني ؟
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 6:56

حسناً اختي ضعي قالب viewcomments_body وسأقوم بالتعديل عليه ان شاء الله
وايضاً ما هي نسخة منتداك؟
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 6:57

النسخة هى phpBB2
عندما اضع الكود يظهر تم اغلاق الكود قبل فتحه
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 6:59

اختي هداك الله اذاً المشكلة ليست في الكود كود جعل الصور تظهر بشكل منبثق بدون تومبيلات***Mohamed Nsr
بل المشكلة لديك ضعي اكواد css , لوحة التحكم >> مظهر المنتدى >> الوان >> ورقة تصميم css
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 7:02

اولا اخى وضعت الكود فى الcss وماظهر شيئ
ثانيا انا ابغى هذا الكود https://help.ahlamontada.com/t984408-topic
وضعت كل الخطوات عدا الخطوة التى تخص التومبيلات
تظهر على لون احمر وتقول تم اغلاق الكود قبل فتحه
هل من مساعدة ؟
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 7:04

بالطبع سأساعدك ان شاء الله
لكني طلبت منك قالب viewcomments_body ولم تضعيه لي حتى الآن
فانا انتظرك Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 7:05

رح ارسله لك فى الخاص
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 7:36

تم معرفة سبب المشكلة :
طبعاً تجاهلي التومبيلات الي بالشرح لأنه ليس لها اي دخل وسيتم تجديد الشرح بإذن الله
طبقي الشرح التالي :

لوحة الاداره / العناصر الاضافيه / HTML و JAVASCRIPT /  إدارة أكواد Javascript
انشاء كود جديد
ضع الكود و حدد المواضيع
ابحث فى الكود عن الرابط التالى و استبدله برابط منتداك[/size]

help.ahlamontada.com
الكود
الكود:
$(function($){$('.postbody
img').slideDown(1,function(){if($(this).height()>120){$(this).replaceWith('<a
 rel="lightbox-atomium" href="'+$(this).attr('src')+'"
title="help.ahlamontada.com"><img src="'+$(this).attr('src')+'"
title="أضغط على الصورة لتشهدها بحجمها
الطبيعي"></a>')}});$(".postbody
a[href]").filter(function(){return/\.(jpg|png|gif|bmp|dib|jpeg)$/i.test(this.href)}).attr({'rel':'lightbox-atomium','title':'help.ahlamontada.com'})});(function(w){var
 
E=w(window),u,f,F=-1,n,x,D,v,y,L,r,m=!window.XMLHttpRequest,s=[],l=document.documentElement,k={},t=new
 Image(),J=new
Image(),H,a,g,p,I,d,G,c,A,K;w(function(){w("body").append(w([H=w('<div
 id="lbOverlay" />')[0],a=w('<div id="lbCenter"
/>')[0],G=w('<div id="lbBottomContainer"
/>')[0]]).css("display","none"));g=w('<div id="lbImage"
/>').appendTo(a).append(p=w('<div style="position: relative;"
/>').append([I=w('<a id="lbPrevLink" href="#"
/>').click(B)[0],d=w('<a id="lbNextLink" href="#"
/>').click(e)[0]])[0])[0];c=w('<div id="lbBottom"
/>').appendTo(G).append([w('<a id="lbCloseLink" href="#"
/>').add(H).click(C)[0],A=w('<div id="lbCaption"
/>')[0],K=w('<div id="lbNumber" />')[0],w('<div
style="clear: both;"
/>')[0]])[0]});w.slimbox=function(O,N,M){u=w.extend({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeEasing:"swing",initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"صورة
 {x} من
{y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},M);if(typeof
 
O=="string"){O=[[O,N]];N=0}y=E.scrollTop()+(E.height()/2);L=u.initialWidth;r=u.initialHeight;w(a).css({top:Math.max(0,y-(r/2)),width:L,height:r,marginLeft:-L/2}).show();v=m||(H.currentStyle&&(H.currentStyle.position!="fixed"));if(v){H.style.position="absolute"}w(H).css("opacity",u.overlayOpacity).fadeIn(u.overlayFadeDuration);z();j(1);f=O;u.loop=u.loop&&(f.length>1);return
 
b(N)};w.fn.slimbox=function(M,P,O){P=P||function(Q){return[Q.href,Q.title]};O=O||function(){return
 true};var N=this;return N.unbind("click").click(function(){var
S=this,U=0,T,Q=0,R;T=w.grep(N,function(W,V){return
O.call(S,W,V)});for(R=T.length;Q<R;++Q){if(T[Q]==S){U=Q}T[Q]=P(T[Q],Q)}return
 w.slimbox(T,U,M)})};function z(){var
N=E.scrollLeft(),M=E.width();w([a,G]).css("left",N+(M/2));if(v){w(H).css({left:N,top:E.scrollTop(),width:M,height:E.height()})}}function
 
j(M){if(M){w("object").add(m?"select":"embed").each(function(O,P){s[O]=[P,P.style.visibility];P.style.visibility="hidden"})}else{w.each(s,function(O,P){P[0].style.visibility=P[1]});s=[]}var
 N=M?"bind":"unbind";E[N]("scroll
resize",z);w(document)[N]("keydown",o)}function o(O){var
N=O.keyCode,M=w.inArray;return(M(N,u.closeKeys)>=0)?C():(M(N,u.nextKeys)>=0)?e():(M(N,u.previousKeys)>=0)?B():false}function
 B(){return b(x)}function e(){return b(D)}function
b(M){if(M>=0){F=M;n=f[F][0];x=(F||(u.loop?f.length:0))-1;D=((F+1)%f.length)||(u.loop?0:-1);q();a.className="lbLoading";k=new
 Image();k.onload=i;k.src=n}return false}function
i(){a.className="";w(g).css({backgroundImage:"url("+n+")",visibility:"hidden",display:""});w(p).width(k.width);w([p,I,d]).height(k.height);w(A).html(f[F][1]||"");w(K).html((((f.length>1)&&u.counterText)||"").replace(/{x}/,F+1).replace(/{y}/,f.length));if(x>=0){t.src=f[x][0]}if(D>=0){J.src=f[D][0]}L=g.offsetWidth;r=g.offsetHeight;var
 
M=Math.max(0,y-(r/2));if(a.offsetHeight!=r){w(a).animate({height:r,top:M},u.resizeDuration,u.resizeEasing)}if(a.offsetWidth!=L){w(a).animate({width:L,marginLeft:-L/2},u.resizeDuration,u.resizeEasing)}w(a).queue(function(){w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:""});w(g).css({display:"none",visibility:"",opacity:""}).fadeIn(u.imageFadeDuration,h)})}function
 
h(){if(x>=0){w(I).show()}if(D>=0){w(d).show()}w(c).css("marginTop",-c.offsetHeight).animate({marginTop:0},u.captionAnimationDuration);G.style.visibility=""}function
 
q(){k.onload=null;k.src=t.src=J.src=n;w([a,g,c]).stop(true);w([I,d,g,G]).hide()}function
 
C(){if(F>=0){q();F=x=D=-1;w(a).hide();w(H).stop().fadeOut(u.overlayFadeDuration,j)}return
 false}})(jQuery);if(!/android|iphone|ipod|series60|symbian|windows
ce|blackberry/i.test(navigator.userAgent)){jQuery(function($){$("a[rel^='lightbox']").slimbox({},null,function(el){return(this==el)||((this.rel.length>8)&&(this.rel==el.rel))})})}
وضعي في اكواد Css هذا الكود :
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
الكود:

/*-----Programming code byMahmoud TalaaT& sam hameed-----*/
#lbOverlay{
  position:fixed;z-index: 999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  Mahmoud TalaaT;
  background-color:#000;
  cursor:pointer;
}
#lbCenter,#lbBottomContainer{
  position:absolute;
Mahmoud TalaaT;
  z-index: 999;overflow:hidden;
  background-color:#fff;
}
.lbLoading{
  background:#fff url(http://i27.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
}
#lbImage{
  position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{
  display:block;
Mahmoud TalaaT;
  position:absolute;
  top:0;
  width:50%;
  outline:none;
}
#lbPrevLink{
  left:0;
}
#lbPrevLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
}
#lbNextLink{
  right:0;}
#lbNextLink:hover{
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
}
#lbBottom{
  font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
  text-align:left;
  Mahmoud TalaaT;
  border:10px solid #fff;
  border-top-style:none;
}
#lbCloseLink{
  display:block;
  float:right;
  Mahmoud TalaaT;
  width:66px;height:22px;
  background:transparent url(http://i41.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
  outline:none;
  Mahmoud TalaaT;
  margin:5px 0;
}
#lbCaption,#lbNumber{
  margin-right:71px;
}
.postbody img{
  max-width:450px;
}
/*-----Programming code byMahmoudTalaat&samhamed-----*/
ولا تنسي الخطوات التالية :
لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع 
تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :
نقوم بتفريغ المربعات الطول و العرض من الأرقام 
و من ثم نضغط سجل
و الأن نذهب إلى المواضيع و نعمل معاينة على الصور
جربي وردي لي خبر انا بالانتظار Coolطلب كود عرض الصور بانبثاق Thwggg12
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 22:07

اخى
لا يعمل
ارجوك اترك الموضوع لمن لديه خبرة
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف {عذب} الأحد 19 يونيو 2016 - 22:17

اختي انا طلبت منك قالب التومبيلات ليس عبث!
بل يوجد وسم هناك معين واردت ان اتأكد من هذا الامر
ومن الواضح بأنك لم تجربي جميع الخطوات المذكورة

لعلمك اذا وضعتي مكان الكود*: جميع الصفحات , فلن يعمل معك الكود فقط حددي المواضيع
وايضاً اذا لم تتبعي هذه الخطوة التي بالشرح :
لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع
فلن يعمل معك الكود نهائياً 
ورجاءاً لا تقللي من قدري فالجميع لديه القدرة على المشاركة والرد لم احتكر هذا الشيء لنفسي
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9967
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود عرض الصور بانبثاق Empty رد: طلب كود عرض الصور بانبثاق

مُساهمة من طرف احبك ربى1 الأحد 19 يونيو 2016 - 22:37

ظلمتك اخى
كانت المشكلة فى تحديد الصفحات جلعتها للمواضيع فقط
اشكرك اخي تم الحل
وبعتذر جدا جدا جدا Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool Cool
احبك ربى1
احبك ربى1
 
 

انثى
عدد المساهمات : 174
معدل النشاط : 3829
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى