كيف يمكنني أنتقاء جزء من الصورة ووضع رابط علية
أو بمعني اخر
صممت الهيدر وحطيت بة ازرار (كالرئيسية والتسجيل ) كيف يمكنني وضع الروابط بلغة ال Css عليها دون المعاناه
مع العلم اني موزع الأستايل ب Css
أرجو الرد في اقرب وقت
:eek3:
كيف يمكنني أنتقاء جزء من الصورة ووضع رابط علية
أو بمعني اخر
صممت الهيدر وحطيت بة ازرار (كالرئيسية والتسجيل ) كيف يمكنني وضع الروابط بلغة ال Css عليها دون المعاناه
مع العلم اني موزع الأستايل ب Css
أرجو الرد في اقرب وقت
:eek3:
السلام عليكم
مافهمته انك قمت بتصميم الهيدر كصورة محتوية محتوية على الازرار و اللوجو .. وتريد وضع روابط على الازرار
يمكنك ذلك عن طريق استخدام خواص map مع الصورة او ( وهذه الطريق التي افضلها )
تقوم بوضع الصورة كخلفية div ثم تقوم بوضع الروابط داخل هذا البلوك وعن طريق css تقوم بتحديد مكان كل مها عن طريق margin ..
قم بالإستعانه ب CSS sprites عن طريق إستخدم الخاصيه background-position
و هذا هو ال syntax الخاص بها
background-position:x y width height
للمزيد A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death
__________________
Keepondev | مدونه شديد التخصص فى الجافاسكربت
جافاسكربت الموجهه بالكائنات | أنماط تصميم جافاسكربت
#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