اقدم لكم اليوم كود لن تجد له مثيل يعمل ورقة ملاحظات بشكل رائع وتغير لون الخلايا بمرور الماوس
| صورة للكود |
http://download.mrkzy.com/e/2112_md_13403094781.png
يمكنك وضعة في اي مكان في موقعك او مواضيعك في صفحات HTML
او فصل كود html ووضعة في اي مكان تريدة و وضع كود css في ورقته
| الكود |
| كود آخر مماثل قد يعجبكم |
| صورة للكود |
http://download.mrkzy.com/e/2112_md_13403100051.png
| الكود |
بالتوفيق للجميع||~
| صورة للكود |
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>
| كود آخر مماثل قد يعجبكم |
| صورة للكود |
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>
بالتوفيق للجميع||~