استمع للقران الكريم

«|| تطويرُ المواقِعِ ♥•. لـ °¬ شروحآت , دروس , هاكات وكل مـآيهم موآقعنـآ

إضافة رد
قديم 08-30-2009, 04:59 PM
  #1 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي شرح عمل زر بكسل داخل الصفحة

يعلم الجميع اننا نستطيع ان نعمل زر بكسل بواسطة الفوتوشوب وهذا امر جميل لكن الباحث عن التميز يخلق الأفكار لجني ثمار قد يغفل عنها الكثيرون ألا وهي ان الصور المجسّده بدون اي تعليق داخل روابطها دائما ما تكون صامته ولا يتعرّف عليها ارشيف اي محرك بحث بسهولة ، لذا حبيت انزل فكرة عمل زر بكسل باستخدام css داخل أوعية الـ html وهذا لان النص الداخل في اعماقها يمكن لمحركات البحث قراءته لأنه عبارة عن خط عادي تكوّن حوله كتلة تسمّى أنماط او هيكل يجسد الصورة النهائية لهُ .
هذا كود css يوضعُ كما في بالشكل التالي داخل التمبلت :


كود PHP:
 <html>
<
head>
شفرة css
</head>
<
body>
 
شفرة html
</body>
 <
html
والأن هذه الشفرات لعمل زر بكسل يتم إدراجها كما هو موضّح بالترتيب الماضي بمعنى ان دائما style css تكون في الهيد او head اللي هو الرأس ، و هيكل التصميم اول الجداول ان صح التعبير توضع في الجسد او كما يطلق عليه في برامج التحرير body لهذا جرى التنوية .
شفرة css :
كود PHP:
<style type="text/css">
table.badge {
border-style:solid;
border-width1px;
border-color#666;
font-size8px;
font-familysans-serif;
color#fff;
line-height6px;
background-color#fff;
}
table.badge tr {
background-color#888;
text-aligncenter;
text-transform:uppercase;
margin0px;
padding0px;
}
{
 
color#FFFFFF;
 
}
a:hover {
 
text-decorationnone;
  
color#f60;
 
}
table.badge td.main {
background-color:#f60;
}
</
style

شفرة html داخل body :


كود PHP:
<!– code html منتديات رومنسيات –>
<
table cellspacing=1 cellpadding=class="badge" width="88px" height="15px">
<
tr><td class="main">blog</td><td>
 <
a target="_blank" href="رابط الموقع المراد ادراجه">
 <
span style="text-decoration: none">design</span></a></td></tr>
</
table>
<!
– code html منتديات رومنسيات –
الموضوع الأصلى من هنا: منتديات رومنسيات ديزاين http://www.romnciat.net/vb/t1192.html#post2917
وإن كنت لا زلت تبي تستخدم صورة كـ زر بكسل اعمله من هنا : http://www.pixelbutton.com/

مثال

__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
قديم 01-01-2010, 12:53 PM
  #2 (permalink)
 الصورة الرمزية الأصايل
 
تاريخ التسجيل: Dec 2009
المشاركات: 23
قوة السمعة: 0
الأصايل is on a distinguished road
افتراضي

بارك الله فيك شرح وافي وجميل
الأصايل غير متواجد حالياً  
رد مع اقتباس
قديم 01-03-2010, 06:18 AM
  #3 (permalink)

 الصورة الرمزية mlaak
 
تاريخ التسجيل: Mar 2009
الدولة: رومنسيات
المشاركات: 5,391
قوة السمعة: 10
mlaak تم تعطيل التقييم
افتراضي

اشكرك الاصايل على المرور والرد
__________________

لتلبية الطلبات من التصميم والدعم الفني المباشر



mlaak غير متواجد حالياً  
رد مع اقتباس
إضافة رد

Lower Navigation
العودة   منتديات رومنسيات ديزاين > رومنسيات التِّقنيّ > «|| تطويرُ المواقِعِ ♥•.

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
الصفحة, بكسل, داخل, on, شرح, عمل

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
درس عمل بكسل نعوم mlaak «|| قسم الـ Accessorize ♥•. 4 06-26-2011 04:18 AM
[شرح] طريقة ظهور الاقسام الفرعيه في الصفحة الرئيسية mlaak «|| تطويرُ المواقِعِ ♥•. 3 03-28-2011 05:33 PM
خط بكسل mlaak «|| قسم الـ Accessorize ♥•. 5 11-20-2009 08:43 PM
هاك العضو المميز لهذا اليوم في الصفحة الرئيسية سفير الكلمه قِسمُ مُنتدًياتٍ vb3.8.0 0 10-24-2009 02:48 AM
طريقة عمل صفحة منبثقة في الصفحة الرئيسية فقط و بدون مشاكل mlaak «|| تطويرُ المواقِعِ ♥•. 0 06-18-2009 10:16 AM

روابط نصيه
خدمات التصميم استمع للقران الكريم معرض الاستايلات اعلان نصي تصاميم مدفوعه التوبيكات

الساعة الآن 11:50 PM.