منتديات احلى حكاية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احلى حكاية دخول

موقع خاص بالتصاميم وتحويل الاستايلات واكواد حصريه لخدمه مواقع احلى منتدى


[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا

2 مشترك

description[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا Empty[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصرياالخميس يونيو 21, 2012 10:23 pm

more_horiz
اقدم لكم اليوم كود لن تجد له مثيل يعمل ورقة ملاحظات بشكل رائع وتغير لون الخلايا بمرور الماوس

| صورة للكود |

[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا 2112_md_13403094781
http://download.mrkzy.com/e/2112_md_13403094781.png

يمكنك وضعة في اي مكان في موقعك او مواضيعك في صفحات HTML
او فصل كود html ووضعة في اي مكان تريدة و وضع كود css في ورقته

| الكود |

الكود:

<div cl|| إدارة المنتدى ||="lines"></div>
<ul cl|| إدارة المنتدى ||="list">
  <li><h1>ملاحظات Notes</h1></li>
  <li>اكواد حصرية ورائعة</li>
  <li>حوف نت يجمعنا</li>
  <li>اكثر المواضيع فائدة ومتعة</li>
  <li>معلومات جديدة يوميا</li>
  <li>اعضاء مميزين ومبدعين</li>
  <li>لا ننافس .. بل ننفرد</li>
  <li>تطوير مواقع</li>
  <li>علوم وثقافة</li>
  <li>تسلية وترفية</li>
  <li>.............</li>
</ul>



<style>

body {
  width: 500px;
  margin: 0 auto;
  padding: 0;
}

h4 {
  color: #cd0000;
  font-size: 30px;
  letter-spacing: -1px;
  text-align: left;
}

.list {
  color: #555;
  font-size: 16px;
  padding: 0 !important;
  width: 450px;
  font-family: courier, monospace;
  border: 1px solid #dedede;
}

.list li {
  list-style: none;
  border-bottom: 1px dotted #ccc;
  text-indent: 20px;
  height: auto;
  padding: 6px;
  text-transform: capitalize;
}
.list li:hover {
  background-color: #f0f0f0;
  -webkit-transition: all 0.2s;
  -moz-transition:    all 0.2s;
  -ms-transition:    all 0.2s;
  -o-transition:      all 0.2s;
}

.lines {
  border-left: 1px solid #ffaa9f;
  border-right: 1px solid #ffaa9f;
  width: 2px;
  float: left;
  height: 400px;
  margin-left: 40px;
}
</style>



| كود آخر مماثل قد يعجبكم |

| صورة للكود |

[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا 2112_md_13403100051
http://download.mrkzy.com/e/2112_md_13403100051.png

| الكود |

الكود:

<address>
منتديات بنات اليوم<br>
www.bnat2day.mam9.com<br>
حصري 2012
</address>

<h1>ملاحظات Notes</h1>

<ol>
  <li>اكواد حصرية ورائعة</li>
  <li>حوف نت يجمعنا</li>
  <li>اكثر المواضيع فائدة ومتعة</li>
  <li>معلومات جديدة يوميا</li>
  <li>اعضاء مميزين ومبدعين</li>
  <li>لا ننافس .. بل ننفرد</li>
  <li>تطوير مواقع</li>
  <li>علوم وثقافة</li>
  <li>تسلية وترفية</li>
  <li>.............</li>
</ol>




<style>

html {
  background-color:white;
  padding:15px;
  font-family:sans-serif; font-size:18px;
}
body {
  background-color:#f6f6f6;
  box-shadow:0 2px 8px rgba(0,0,0,.5);
  display:table; padding:0; margin:0;
  position:relative; z-index:0;
}
address {
  position:absolute; top:15px; right:20px;
  text-align:right;
  font-size:smaller;
  font-style:normal;
}
h1 {
  position:absolute;
  left:120px; top:40px;
  font-size:larger; font-weight:normal;
  text-decoration:underline;
}
ol {
  list-style-type:none;
  border-left:2px solid rgba(255,0,30,.25);
  border-right:2px solid rgba(255,0,30,.05);
  padding:0; margin:0;
  margin-left:100px; margin-right:80px;
  position:relative; z-index:0;
  float:left;
  width:300px;
}
ol li {
  padding:0;
  margin-left:-104px; margin-right:-81px;
  padding-left:110px; padding-right:85px;
  border-bottom:2px solid rgba(0,160,255,.1);
  line-height:30px; height:30px;
}
ol li:first-child {
  border-top:2px solid rgba(0,160,255,.1);
  margin-top:120px;
}
ol li:last-child {
  margin-bottom:10px;
}
ol::after {
  content:"7ooof.net";
  position:absolute;
  bottom:50px; right:-65px;
  color:rgba(0,160,255,.16);
  line-height:30px;
  font-weight:400;
  font-family:'Mrs Sheppards', cursive;
  letter-spacing:2px;
}
ol::before {
  content:"";
  background-color:white; box-shadow:0 2px 4px rgba(0,0,0,.5) inset;
  height:25px; width:25px; border-radius:25px;
  position:absolute; top:105px; left:-75px;
}
body::before {
  content:"";
  background-color:white; box-shadow:0 2px 4px rgba(0,0,0,.5) inset;
  height:25px; width:25px; border-radius:25px;
  position:absolute; top:50%; left:27px;
}
body::after {
  content:"";
  background-color:white; box-shadow:0 2px 4px rgba(0,0,0,.5) inset;
  height:25px; width:25px; border-radius:25px;
  position:absolute; bottom:105px; left:27px;
}

</style>


بالتوفيق للجميع||~

description[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا Emptyرد: [HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصرياالخميس يونيو 21, 2012 10:36 pm

more_horiz
الف شكر ليك اختي لمجهودك وابداعك ..

معليش اعذريني اختي[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا 1356773690 .. من فضلك انى مافهمت ..

انتي كاتبه الكود [HTML+CSS]

يعني كودين

طيب اختي وين كود الـــcss ...


description[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا Emptyرد: [HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصرياالخميس يونيو 21, 2012 10:44 pm

more_horiz
غلط في عنوان الموضوع :aa: ج ـــاري التعديل.

كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا

اذا ماعليك امر صلاحياتي لاتقبل بالتعديل على المواضيع.

اذا ماعليك أمر يا مديرتي تعدلي عنوان الموضوع.

تقبلي مروري||~

description[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا Emptyرد: [HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصرياالخميس يونيو 21, 2012 10:51 pm

more_horiz
الكود داخله ورقة الــ Css وايضا الــhtml

قريبا كود أخر المواضيع شبة الـــvb بدون تومبيلات

description[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا Emptyرد: [HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصرياالجمعة يونيو 22, 2012 1:44 pm

more_horiz

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

+

الكود بسيط و يمكن لاى عضو مستجد عمله عن طريق صفحات الـ html


ينقل للارشيف

[HTML+CSS] كود ورقة ملاحظات Notes بشكل جديد ورائع - حصريا 3042645098
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى