اتاحة المجال للرد من دون حساب (عضوية)
سيتم الاعلان عن الفائزين في سوالف كاست في الأول من 2009

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط
تاريخ التسجيل: May 2006-
#1 (permalink)  
Unhappy الي من يعرف ال Css


كيف يمكنني أنتقاء جزء من الصورة ووضع رابط علية

أو بمعني اخر

صممت الهيدر وحطيت بة ازرار (كالرئيسية والتسجيل ) كيف يمكنني وضع الروابط بلغة ال Css عليها دون المعاناه

مع العلم اني موزع الأستايل ب Css

أرجو الرد في اقرب وقت







__________________
الصمت لغتي فتذكروني لقلة كلامي

ashour_linux@hotmail.com
arbpsd غير متواجد حالياً   قديم 25-08-2008, 12:23 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Apr 2004-
#2 (permalink)  

السلام عليكم

مافهمته انك قمت بتصميم الهيدر كصورة محتوية محتوية على الازرار و اللوجو .. وتريد وضع روابط على الازرار

يمكنك ذلك عن طريق استخدام خواص map مع الصورة او ( وهذه الطريق التي افضلها )
تقوم بوضع الصورة كخلفية div ثم تقوم بوضع الروابط داخل هذا البلوك وعن طريق css تقوم بتحديد مكان كل مها عن طريق margin ..






__________________
مدونتي
المُعاصر
www.mo3aser.com
محمد فؤاد غير متواجد حالياً   قديم 25-08-2008, 08:59 PM
رد مع اقتباس

تعتبر هذه المشاركه من افضل الحلول او الردود المنطقيه او العلميه لهذا الموضوع
مشرف قسم ويب 2.0 و البرمجة القياسية
تاريخ التسجيل: Jun 2005-
#3 (permalink)  

قم بالإستعانه ب CSS sprites عن طريق إستخدم الخاصيه background-position
و هذا هو ال syntax الخاص بها
background-position:x y width height
للمزيد A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death





__________________
Keepondev | مدونه شديد التخصص فى الجافاسكربت

ماذا يمكننى أن أفعل إذا تعلمت javascript ??
Dezology غير متواجد حالياً   قديم 25-08-2008, 11:38 PM
رد مع اقتباس

عضو نشيط
تاريخ التسجيل: May 2006-
#4 (permalink)  

اقتباس:
#panel1b a:hover {
background: transparent url(test-3.jpg)
0 -200px no-repeat;}
#panel2b a:hover {
background: transparent url(test-3.jpg)
-96px -200px no-repeat;}
#panel3b a:hover {
background: transparent url(test-3.jpg)
-172px -200px no-repeat;}
#panel4b a:hover {
background: transparent url(test-3.jpg)
-283px -200px no-repeat;}

شوفو الكود دا هل هو صحيح بعد الدراسة مع اني ندي فكرة أني ممكن اضيف الصورة بين الوسم Div وبعدين أستخدم الروابط كما في ال HTML






__________________
الصمت لغتي فتذكروني لقلة كلامي

ashour_linux@hotmail.com
arbpsd غير متواجد حالياً   قديم 27-08-2008, 01:12 PM
رد مع اقتباس
رد


 

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

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

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


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الي الاخ غشام او الي يعرف طريقخ حذف هاك المتجر سليمان مشاط إصلاح وصيانة المنتديات 10 22-06-2008 04:54 PM
اخواني الي يعرف عن الكلية الصحية الي بفلوس يدخل sultanalmalki سوالف عامة 11 20-02-2008 06:25 AM
احد يعرف رابط الموقع الي يعطيك اسماء الدومينات الي انتهت مدتها وجاهزة للحجز؟ من الرياض أسماء النطاق Domain names 6 21-09-2007 11:51 PM
شباب انا في ورطة الي يعرف انجلزي يدخل الي يعرف لـ lunarpages يدخل مرزوق كوم قسم تبادل خبرات الاستضافة 6 01-09-2007 12:28 AM
ياليت شباب الي يعرف يرسم يدخل والي ما يعرف أبو تركي قسم التصميم والرسومات والمونتاج 1 26-09-2005 02:45 AM


الساعة الآن: 12:11 PM بتوقيت المملكة العربية السعودية