منتديات أحلى استايل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدى عام وتقنى ودعم
 
دخولدخول  التسجيلالتسجيل  الرئيسيةالرئيسية  
 

 [حصري جدا]كود التصغير التلقائي للصور في المساهمات

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 34
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[حصري جدا]كود التصغير التلقائي للصور في المساهمات Empty
مُساهمةموضوع: [حصري جدا]كود التصغير التلقائي للصور في المساهمات   [حصري جدا]كود التصغير التلقائي للصور في المساهمات I_icon_minitimeالخميس 24 سبتمبر 2009, 5:36 pm

السلام عليكم ورحمة الله و بركاته
......................................
اليوم جايب لكم كود رائع جدا
هذا الكود يقوم بتصغير الصورة تلقائيا إذا زاد عرضها عن حد معين تحدده انت بما يتناسب مع منتداك
فائدته:
الصور ذات العرض الكبير تقوم بتشويه مظهر المنتدى و زيادة عرضه لذا فهذا الكود يمنع ذلك مع امكانية تكبير الصورة عند الضغط عليها
الكود:
الكود:
<script type="text/javascript">
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document.getElementsByTagName('img').length; i++)
{
im = document.getElementsByTagName('img')[i];
if (im.width > 600)
{
im.style.width = '600px';
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=800,height=600,scrollbars=1,resizable=1'); pop.focus();\")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'اضغط على الصورة لرؤيتها بالحجم الأصلي ';
}
}
}
}
</script>
عيب الكود:
الكود لا يفرق بين أي صورة في المنتدى لذا سيقوم بتصغير أي صورة يزيد حجمها عن الحد الذي حددته و هذا سيؤثر على واجهة المنتدى عند فتح أي موضوع ستجد ان الواجهة تم تصغيرها"إذا كانت أعرض من الحد المعين"
حل المشكلة:
بما أن هذا الكود لمن يملكون صلاحيات تعديل الtemplates
فيمكن بسهولة حل هذه المشكلة عن طريق التالي:
-عمل الواجهة كخلفية و ليست صورة
-تقسيم الواجهة إلى جزأين أو أكثر بحيث يكون كل جزء لا يزيد عرضه عن الحد المعين
ثم تركيب هذه الاجزاء باستخدام html
-الحل الاسهل: عمل الواجهة فلاشية
مكان التركيب :
يتم تركيب الكود في:
لوحة الادارة < مظهر المنتدى< التومبلات <إدارة عامة <ثم ضع الكود في:
viewtopic_body
طبعا هذا الكود لمن يملكون صلاحية التعديل في templates
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
الأمل القادم
Member
Member
الأمل القادم


سجل فى : 27/01/2009

المساهمات : 1620
العمر : 36
التقييم : 13
من ..
ذكر
اعمل ..
احب ..

[حصري جدا]كود التصغير التلقائي للصور في المساهمات Empty
مُساهمةموضوع: رد: [حصري جدا]كود التصغير التلقائي للصور في المساهمات   [حصري جدا]كود التصغير التلقائي للصور في المساهمات I_icon_minitimeالخميس 24 سبتمبر 2009, 10:24 pm

أخي دوبيرد لاكن عند وضعي للكود تأثرت الواجهة أيضا ...فممكن الحل ...
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.sidiamer.com/
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 34
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

[حصري جدا]كود التصغير التلقائي للصور في المساهمات Empty
مُساهمةموضوع: رد: [حصري جدا]كود التصغير التلقائي للصور في المساهمات   [حصري جدا]كود التصغير التلقائي للصور في المساهمات I_icon_minitimeالخميس 24 سبتمبر 2009, 10:56 pm

ما انا قلت :
اقتباس :
حل المشكلة:
بما أن هذا الكود لمن يملكون صلاحيات تعديل الtemplates
فيمكن بسهولة حل هذه المشكلة عن طريق التالي:
-عمل الواجهة كخلفية و ليست صورة
-تقسيم الواجهة إلى جزأين أو أكثر بحيث يكون كل جزء لا يزيد عرضه عن الحد المعين
ثم تركيب هذه الاجزاء باستخدام html
-الحل الاسهل: عمل الواجهة فلاشية
اعملها فلاشية او جزاها او خليها على شكل خلفية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
الأمل القادم
Member
Member
الأمل القادم


سجل فى : 27/01/2009

المساهمات : 1620
العمر : 36
التقييم : 13
من ..
ذكر
اعمل ..
احب ..

[حصري جدا]كود التصغير التلقائي للصور في المساهمات Empty
مُساهمةموضوع: رد: [حصري جدا]كود التصغير التلقائي للصور في المساهمات   [حصري جدا]كود التصغير التلقائي للصور في المساهمات I_icon_minitimeالخميس 24 سبتمبر 2009, 10:59 pm

بورك فيك اخنا الكريم ....على التوضيح ...
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.sidiamer.com/
 
[حصري جدا]كود التصغير التلقائي للصور في المساهمات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مشكل في المساهمات
» تأثير مميز للصور
» البوم خاص للصور الرومنسية
» التهذيب التلقائي
» شرح عمل ايطار للصور من تصميمى ْ درس مفيد ْ

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات أحلى استايل :: عالم الاكواد والتقنيات العامه :: تقنيات وشروحات اخرى-
انتقل الى:  
جميع الحقوق محفوظه لاكاديميه  احلى ستايل©ahlastylDigit@lالاعلى |الرئيسيه |قوانين المنتدى | احصائيات | احلى منتدى