فواصل » معين http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 شرح اختيار خط معين في سي اس اس ثري css3 http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%ae%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%81%d9%8a-%d8%b3%d9%8a-%d8%a7%d8%b3-%d8%a7%d8%b3-%d8%ab%d8%b1%d9%8a-css3/ http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%ae%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%81%d9%8a-%d8%b3%d9%8a-%d8%a7%d8%b3-%d8%a7%d8%b3-%d8%ab%d8%b1%d9%8a-css3/#comments Wed, 01 Feb 2012 15:03:42 +0000 http://www.portal.fwasl.com/?p=12878 بسم الله الرحمن الرحيم

شرح اختيار خط معين في سي اس اس ثري css3

خاصية font-face

خاصية font-face مخصصة لوضع تفاصيل الخط الذي تريد إضافته إلى تنسيق الصفحة، مثل نوع خط وعنوان الخط. وتكتب قبل تنسيق الفقرة أو العنوان أو النص الذي تريد تنسيقه بشكل عام. تكتب هذه الخاصية كما توضح شفرة CSS التالية:



@font-face {

–

}

لو إفترضنا أننا نريد إستخدام خط Delicious في عنوان للفقرة، نحدد الخط وعنوانه الخارجي في خاصية font-face بهذه الطريقة:

@font-face {

  font-family: Delicious;

 src: url(Delicious-Bold.otf);

}

كما أنه يفضل أن يكون عنوان الخارجي للخط مرافق لملف CSS أو يمكنك كتابة عنوانه المحدد، في المثال السابق ستجد أن عنوان الخط يشير إلى Delicious-Bold.otf وهو موجود بجانب ملف CSS.

مثال عملي: إختيار خط لعنوان فقرة

المثال الذي سأطرحه بسيط جداً عبارة عن عنوان وفقرة، بحيث يتم تنسيق العنوان بأحد الخطوط الذي أستخدمها في تصاميمي وهو خط Hacen Typographer Bold، قبل عرض المثال أبدأ في المثال نقوم بعرض شفرة HTML الخاصة بالدرس:

<h2>تطبيقات على CSS3</h2>

<p>نجد الكثير من المواقع تطبق مميزات CSS3 في الوقت الحالي على تصاميمها حتى المواقع المشهورة والكبيرة تجد تصاميمها تستخدم خصائص CSS3. بالرغم من الدعم المحدود من بعض متصفحات الويب لها (مدعومة لمتصفح Firefox 3+ و Safari 3 و Google Crome في الوقت الحالي) إلا أن أولوية إستخدامها موجودة على الأقل كلمسات أخيره على التصميم.</p>

<p>عند الإنتهاء  من جميع دروس هذه السلسلة سأضع قائمة الدروس من خلال هذه   التدوينة، لتكون مرجع لها بشكل دائم وهو سبب كتابتي لهذا الموضوع. لن أضع   أي عنوان حالياً ولكن سأبدأ بكتابة دروس CSS3 خلال هذه الأيام وتحديث هذه   التدوينة مع كل درس جديد.</p>


بعد ذلك نستخدام خاصية font-face في تحديد خط Hacen Typographer Bold بإسمه وعنوانه:

@font-face {

font-family: Hacen Typographer Bold;

src: url(Hacen Typographer Bold.ttf);

 font-weight: bold;

}

يجب يكون خط Hacen Typographer Bold موجود بجانب ملف CSS حسب ما يشير عنوان الخط في الشفرة السابقة، إضافةً إلى تحديد الخط في عنوان الفقرة (فقرة تطبيقات على CSS3) من خلال شفرة CSS التالية:

h2 {

 font-family: Hacen Typographer Bold;

}

هذه الصورة تمثل النتيجة كاملة عبر متصفح Safari:

طريقة إختيار الخط لإستخدامه في التصميم

عند إختيارك للخطوط المناسبة لك فإن نتيجة ظهور هذه الخطوط ستكون في كاملة في متصفح Safari، الإصدارات الأخيرة من متصفح Firefox و Opera لا يدعمان إختيار الخطوط بشكل صحيح وخاصة عند إختيار خط عربي ولكن النتيجة تظهر بشكل ممتاز في متصفح Safari وهذا بفضل ميزة تنعيم الخط Font Smoothing، هذه صورة للمثال السابق في عدة متصفحات بإستخدام خاصية font-face:

لذا أنصح بإستخدام بدائل لخاصية font-face إذا لم يدعم المتصفح الخاصية بشكل صحيح، يمكنك رؤية بعض تفاصيل دعم متصفح الفايرفوكس لخاصية Font-Face مع المقارنة ببقية المتصفحات على سبيل المثال.

]]> http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%ae%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%81%d9%8a-%d8%b3%d9%8a-%d8%a7%d8%b3-%d8%a7%d8%b3-%d8%ab%d8%b1%d9%8a-css3/feed/ 0 شاهد خبايا Google بعيون المطورين http://portal.fwasl.com/%d8%b4%d8%a7%d9%87%d8%af-%d8%ae%d8%a8%d8%a7%d9%8a%d8%a7-google-%d8%a8%d8%b9%d9%8a%d9%88%d9%86-%d8%a7%d9%84%d9%85%d8%b7%d9%88%d8%b1%d9%8a%d9%86/ http://portal.fwasl.com/%d8%b4%d8%a7%d9%87%d8%af-%d8%ae%d8%a8%d8%a7%d9%8a%d8%a7-google-%d8%a8%d8%b9%d9%8a%d9%88%d9%86-%d8%a7%d9%84%d9%85%d8%b7%d9%88%d8%b1%d9%8a%d9%86/#comments Wed, 01 Feb 2012 12:56:01 +0000 http://www.portal.fwasl.com/?p=12757

شاهد خبايا Google بعيون المطورين


Google شعاره … ( ليس مجرد بحث )

للبحث عن الخرائط والمواقع “جغرافيا”


http://maps.google.com

طبعا معرووووف ( برنامج القمر الاصطناعي الشهير )


http://earth.google.com

جميع الأخبار السياسية والاقتصادية والعالمية ( cnn + google )


http://news.google.com

كون واشترك في المجموعات لمناقشة المواضيع المختلفة


http://groups.google.com

للبحث عن المواضيع العليمة المتلعقة بالعلوم الأحيائية وغيرها


http://scholar.google.com

حمل وشاهد الأفلام ومقاطع الفيديو


http://video.google.com

شريط أدوات جوجل … للتحميل


http://toolbar.google.com/index_xp.html

للبحث عن الصور


http://images.google.com

برنامج جوجل لسطح المكتب ( اختصر المسافة )


http://desktop.google.com

قاموس جوجل للبحث في “القواميس”


http://directory.google.com

للبحث عن الكتب والبحوث الجامعية


http://books.google.com

هل أنت من محبي التجربة والاكتشاف … إذن تفضل بزيارة مختبرات جوجل للعلوم العامة


http://labs.google.com

البريد الالكتروني من جوجل


http://gmail.google.com

للتعرف إلى جوجل بشكل أقرب ( موقع الشركة الدعائي )


http://googleblog.blogspot.com

اعثر على مشترين يبحثون عما تعرضه للبيع


https://adwords.google.com/select

ابحث عن الـ Blog … في اي موضوع تريده


http://blogsearch.google.com

أسأل … وخل جوجل يجيب … للسؤال في اي موضوع والرد يجيك من المتخصص فالموضوع


http://answers.google.com/answers

للحصول على آخر مواضيع الجوجل من Google Code


http://code.google.com/

قاعدة بيانات جوجل … عندك شي تبا تضيفه في محرك بحث الجوجل .. ادخل هني


http://base.google.com

مجموعة رائعة من آخر برامج الجوجل


http://pack.google.com

للحصول على ( بيانات ) أو ( مخططات بيانية ) حول موضوع معين … احصائيات


http://finance.google.com/finance

هل ذهبت يوما إلى القمر … تعال معنا في رحلة ( حقيقية ) بالقمر الاصطناعي
على سطح القمر من ( جوجل + ناسا )


http://moon.google.com

إنه فروجل … باحث المستندات والتقارير العالمي ( جربه وماتخسر )


http://froogle.google.com

هنا تباع أشياء ظريفة لمحبى جوجل


http://www.googlestore.com

جوجل لبرمجة المواعيد والوقت ( اعتمد عليه ) … لتنظيم وقتك ومواعيدك


  http://www.googlealert.com

رائعة الجوجل ( Google Guide )


http://www.googleguide.com

للترجمة الفورية ؟  .. جوجل ( Translate )


http://www.google.co.uk/language_tools?hl=en

أفضل ما في الجوجل إيرث ..


http://www.gearthblog.com

جوجل والعلاقات العامة … Investor Relations


http://investor.google.com

جوجل “والبحوث” … الموقع الشامل في البحث عن البحوث التخصصية


http://googleresearch.blogspot.com

جوجل لتحديد الأماكن … حدد موقعك على العالم


http://sitemaps.blogspot.com

قابل رجال الأعمال وادخل عالم التجارة والاقتصاد …


http://googleenterprise.blogspot.com

لمزيد من العلومات حول Google … قم بزيارة الرابط التالي:

http://www.google.com/intl/en/options

]]> http://portal.fwasl.com/%d8%b4%d8%a7%d9%87%d8%af-%d8%ae%d8%a8%d8%a7%d9%8a%d8%a7-google-%d8%a8%d8%b9%d9%8a%d9%88%d9%86-%d8%a7%d9%84%d9%85%d8%b7%d9%88%d8%b1%d9%8a%d9%86/feed/ 0 شرح حظر كلمة او رابط معين من كتابته في موقعك http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%ad%d8%b8%d8%b1-%d9%83%d9%84%d9%85%d8%a9-%d8%a7%d9%88-%d8%b1%d8%a7%d8%a8%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%85%d9%86-%d9%83%d8%aa%d8%a7%d8%a8%d8%aa%d9%87-%d9%81%d9%8a-%d9%85/ http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%ad%d8%b8%d8%b1-%d9%83%d9%84%d9%85%d8%a9-%d8%a7%d9%88-%d8%b1%d8%a7%d8%a8%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%85%d9%86-%d9%83%d8%aa%d8%a7%d8%a8%d8%aa%d9%87-%d9%81%d9%8a-%d9%85/#comments Tue, 31 Jan 2012 22:16:23 +0000 http://www.portal.fwasl.com/?p=12742 بسم الله الرحمن الرحيم
كثيرا ما يرغب بحظر كلمة معينة او رابط معين من ان يكتب في موقعه ويتمني ان يحظر هذه الكلمة ويفكر ان الموضوع صعب او انه بهاك او غيره
ولكن الموضوع مرفق من نسخه الفيبلتون اساسا والموضوع سهل جدا فقط
قم بلدخول الي لوحه تحكم موقعك ولنفترض انها علي الرابط التالي :
www.yoursite.com/admincp

ثم توجه الي خيارات المنتدي ومن ثم الي خيارات الرقابة ثم تابع بلصور :
7zr11.jpg (1170×513)
قمنا بلدخول الي خيارات الرقابة وكتبنا كلمة 
fcebook
و
youm7
الان سوف نتجه الي كتابه مشاركة جديدة ونكتب بها :
كما شاهدنا بلصوره السابقه
الان نتجه الي المشاركة بعد ان تم اعتمادها :
تم بحمد الله حظر الكلمة من الرابط والان كل شئ تمام وتم حظر الكلمات المراده
بإمكانك اضافه الكلام اللي تريدها وسوف يتم حظرها من موقع
اتمني يكون الشرح مفيد لكم احبتي في الله
بلتوفيق لنا جميعاً ..
]]> http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%ad%d8%b8%d8%b1-%d9%83%d9%84%d9%85%d8%a9-%d8%a7%d9%88-%d8%b1%d8%a7%d8%a8%d8%b7-%d9%85%d8%b9%d9%8a%d9%86-%d9%85%d9%86-%d9%83%d8%aa%d8%a7%d8%a8%d8%aa%d9%87-%d9%81%d9%8a-%d9%85/feed/ 0 iPad Detection لتحويل المتصفحين بواسطة الأيباد لرابط معين http://portal.fwasl.com/ipad-detection-%d9%84%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d9%8a%d9%86-%d8%a8%d9%88%d8%a7%d8%b3%d8%b7%d8%a9-%d8%a7%d9%84%d8%a3%d9%8a%d8%a8%d8%a7%d8%af-%d9%84%d8%b1/ http://portal.fwasl.com/ipad-detection-%d9%84%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d9%8a%d9%86-%d8%a8%d9%88%d8%a7%d8%b3%d8%b7%d8%a9-%d8%a7%d9%84%d8%a3%d9%8a%d8%a8%d8%a7%d8%af-%d9%84%d8%b1/#comments Tue, 31 Jan 2012 14:28:51 +0000 http://www.portal.fwasl.com/?p=12699 درس iPad Detection لتحويل المتصفحين بواسطة الأيباد لرابط معين بواسطة htaccess

ضع الكود هذا فى ملف Htaccess

مع تغيير portal.fwasl.com لرابط موقعك

[php] RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.portal.fwasl.com [R=301] [/php]


و تقوم بوضع استايل خاص لجهاز iPad

على الرابط الذى تحبه و تقوم بتغييره فى الكود

لمن يريد المزيد من التوضيح يسأل فى التدوينة

]]> http://portal.fwasl.com/ipad-detection-%d9%84%d8%aa%d8%ad%d9%88%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d9%8a%d9%86-%d8%a8%d9%88%d8%a7%d8%b3%d8%b7%d8%a9-%d8%a7%d9%84%d8%a3%d9%8a%d8%a8%d8%a7%d8%af-%d9%84%d8%b1/feed/ 0 شرح تعطيل الهاكات في استايل معين http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b9%d8%b7%d9%8a%d9%84-%d8%a7%d9%84%d9%87%d8%a7%d9%83%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%b9%d9%8a%d9%86/ http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b9%d8%b7%d9%8a%d9%84-%d8%a7%d9%84%d9%87%d8%a7%d9%83%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%b9%d9%8a%d9%86/#comments Mon, 09 Jan 2012 16:51:13 +0000 http://www.portal.fwasl.com/?p=9022
 

السلام عليكم ورحمة الله وبركاته
اسعد الله مساءكم احبتنا في معهدنا الراقي
نظرا لكثرة استفسارات الاعضاء عن طريقة تعطيل الهاكات في استايل معين احببت ان اطرح لكم هذا الموضوع لحل المشكلة واجابة على استفساراتكم .
اين يتم التعديل؟؟؟
التعديل يتم على ملف class_hook.php
الموجود داخل مجلد includes
ماهي طريقة التعديل؟؟
بعد الدخول الى المجلد من الاف تي بي وعلى الملف المطلوب التعديل عليه كلك يمين على الملف ثم اختيار تحرير او EDIT على حسب لغة البرنامج لديك ثم يفتح الملف لديك افتراضيا في مفكرة ابحث عن الكود التالي /
كود PHP:
if (!$hookname)
اعلاه قم باضافة الكود التالي /
كود PHP:
global $vbulletin;if($vbulletin->userinfo['styleid'] == x)
{
return false;
}
ضع بدلا من حرف X رقم الاستايل الذي تريده ولاختيار اكثر من استايل كرر ارقام الاستايلات وافصل بين كل رقم واخر بفاصلة ،
ثم احفظ الملف واغلق المحرر وحدث الاف تي بي وجرب تفتح الاستايل
ماالفائدة من هذا التعديل ؟؟

لها فوائد كثيرة منها :::

تسريع التصفح 
تقليل الهاكات واللود على السيرفر
تنفع للاستايلات المخصصة للجوالات
جذب الزوار وسرعة حصولهم على المعلومة
تقوية الارشفة حيث ان التركيز يكون على المحتوى مما يسمح بدخوب العناكب بحرية
ماالعمل اذا رغبت في اظهار الهاكات في قسم معين ؟
الامر بسيط /

المنتديات والمراقبين 

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


 

]]> http://portal.fwasl.com/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b9%d8%b7%d9%8a%d9%84-%d8%a7%d9%84%d9%87%d8%a7%d9%83%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%b9%d9%8a%d9%86/feed/ 0