«
»

pager like digg في 10 دقائق

الجمعة 9 يناير 2009

صممت تعدد صفحات شبيه بالموجود في موقع digg.com لكن بطريقة مختلفة، باستعمال ul و li بدل الطريقة التي اتبعوها

pager

العملية لم تستغرق 10 دقائق، استعملت colorschemer لأخذ نفس الألوان

تحميل ملف pager.css
مثال مباشر

المثال متوافق مع IE6, IE7, Firefox

CSS:

ul {
	list-style: none;
	overflow: auto;
	padding:2em
}
ul li {
	float:left;
	font:11px arial
}
ul li a {
	display: block;
	padding:2px 6px;
	margin: 0 1px 0;
	border:1px solid #9AAFE5;
	color:#105CB6;
	text-decoration: none;
}
 
ul li a:hover {
	color:#000033;
	border:1px solid #2E6AB1
}
ul li.pre {
	display: block;
	padding:2px 6px;
	margin: 0 1px 0;
	border:1px solid #ddd;
	color:#999999;
	text-decoration: none;
}
ul li.nxt {
  font-weight: bold;
}
 
ul li.dot  {
	border:none;
	padding:2px 6px;
	display: block;
 
}

3 تعليقات

  1. yosry sabry قال:
    9 يناير 2009 الساعة 20:36

    شكرا يا مجتهد ..
    لفت انتباهي استخدامك للـ colorschemer لأخذ نفس الالوان من الموقع
    بينما هناك اضافة للفايرفوكس جميلة جدا وهي Colorzilla جربها فهي مفيدة لاي مصمم مواقع ..
    http://www.colorzilla.com/firefox/

    موفق

  2. cssbit قال:
    9 يناير 2009 الساعة 22:53

    yosry
    نعم اشكرك على الاضافة
    استعملها عندما اريد اخذ الون من المواقع، واستعمل colorschemer الرائعة عندما اريد اخذ الوان من ايقونات خارجية او صور .. الخ
    ايضا استعملها لانني اكون تدرجات وما شابه

    ماذا عنك ؟ هل تستعمل برنامجا مجانيا او اداة جميلة اخرى

  3. yosry sabry قال:
    10 يناير 2009 الساعة 09:34

    نعم استخدم اداة جميلة من شركة adobe وهي اعتقد احدى تطبيقات الـ air ..
    وهو برنامج

    Adobe kuler
    http://kuler.adobe.com/

التعليقات مغلقة.