Chakira
11-01-2013, ÈÊæÞíÊ ÛÑíäíÊÔ 04:35 PM
http://www.dzbatna.com/images/icons/icon26.gif قائمة 3D لما تضع عليها الماوس تتØ*ول الايقونة الى اللون الازرق (http://www.dzbatna.com/t2217654/)
ÈÓã Çááå ÇáÑÍãä ÇáÑÍíã
ÇáÓáÇã Úáíßã æÑÍãÉ Çááå æÈÑßÇÊÉ
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/menu-css-3d.png
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ãÚÇíäÉ ÇáãáÍÞ :
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/views1.png (http://f.cl.ly/items/1q2R390t252Z223Y1c2p/ment%20css%203d.html)
ãÚáæãÇÊ Úä ÇáãáÍÞ
ÇáãÕÏÑ ÇáÑÆíÓí : cssdeck.com (http://cssdeck.com/labs/obligatory-css3-ui-nav) | ÞÈá ÇáÇÓÊÚãÇá ÇäÙÑ ãÕÏÑ ÇáãæÖæÚ . هنا (http://srjo.net/habibyuri/wp_codes/قائمة-3d-لما-تضع-عليها-الماوس-تتØ*ول-الاي/) .
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ÇáßæÏ code :
ÑãÒ Code:
<style type="text/css"> /* yeah, we're using LESS. */ body { display: block; background: lightgrey; } .container { text-align: center; position: absolute; top: 40%; left: 0; right: 0; bottom: 0; } #nav { font-size: 20px; display: inline-block; list-style: none; position: relative; padding: 0; -webkit-box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); } #nav li { display: block; position: relative; z-index: 20; float: left; } #nav li:hover:before { top: 2px; -webkit-box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); } #nav li:active a, #nav li.active a { padding-top: 18px; padding-bottom: 5px; color: #00bff3; text-shadow: 0 -1px 0 #000000, 0 0 1em #00bff3; } #nav li:active:before, #nav li.active:before { top: 7px; background: #2d2d2d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkMm QyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZz ZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIgc3RvcC1vcG FjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVj dCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaW xsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2 Zz4=); background: -moz-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(99%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 0%, #141414 99%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#2d2d2d', endColorstr='#141414', GradientType=0); /* IE6-8 */ border-bottom: 1px solid black; } #nav li:before { content: ""; position: absolute; z-index: 10; width: 100%; height: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.05); -webkit-box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); border-left: 1px solid rgba(0, 0, 0, 0.35); } #nav li:after { content: ""; height: 16px; position: absolute; z-index: 5; bottom: -7px; width: 100%; border-left: 1px solid black; border-bottom: 1px solid black; } #nav li:before { left: 0; background: #565656; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NT Y1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZz ZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3 BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJl Y3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZm lsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9z dmc+); background: -moz-linear-gradient(top, #565656 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%, #262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%, #262626 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%, #262626 100%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#565656', endColorstr='#262626', GradientType=0); /* IE6-8 */ } #nav li:after { left: 0; background: #2d2d2d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMyZD JkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zm c2V0PSI5OSUiIHN0b3AtY29sb3I9IiMxNDE0MTQiIHN0b3Atb3 BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJl Y3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZm lsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9z dmc+); background: -moz-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, #2d2d2d), color-stop(99%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 23%, #141414 99%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#2d2d2d', endColorstr='#141414', GradientType=0); /* IE6-8 */ } #nav li:first-of-type:before, #nav li:first-of-type:after { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #nav li:last-of-type:before, #nav li:last-of-type:after { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #nav li a { position: relative; z-index: 10; display: block; padding: 12px 16px; color: #050505; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } #nav li a:hover { color: #00bff3; text-shadow: 0 -1px 0 #000000, 0 0 1em #00bff3; } @font-face { font-family: 'icomoon'; src: url(data:font/opentype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWKGNvYAAAhkAAAAHEdER UYAOAAGAAAIRAAAACBPUy8yT+PcHwAAAVgAAABWY21hcMCsl58 AAAHcAAABdmdhc3D//wADAAAIPAAAAAhnbHlmHDbXngAAA2wAAALYaGVhZPocCIEAAAD cAAAANmhoZWEEEP/sAAABFAAAACRobXR4EKoBpAAAAbAAAAAsbG9jYQNcA+oAAANUA AAAGG1heHAAUgA3AAABOAAAACBuYW1lTuLz7wAABkQAAAGGcG9 zdByvY40AAAfMAAAAcAABAAAAAQAAlXGSil8PPPUACwIAAAAAA Mx+Y+IAAAAAzH5j4gAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAALAAEAAAALADQ ABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZ gAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEAAAAAA AAAAAAAAAUGZFZABAACjwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAAIAACo CAAA1AgAAQAIAAFsCAABVAgAAVQAAAAAAAAADAAAAAwAAABwAA QAAAAAAcAADAAEAAAAcAAQAVAAAABAAEAADAAAAAAAo4BPgH+A o4CzwAP//AAAAAAAo4BLgH+Ao4CvwAP//AAD/2x/zH+gf4QAAEAoAAQAAAAAAAAAAAAAABgAAAAAABAAIAAABBgAAA QAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAA AAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAATAByAKQA4AEOASwBXgFsAAQAAP/gAgAB4AAPABMAHwAzAAABISIGFREUFjMhMjY1ETQmASM1MycjI iY1NDYyFhUUBgEjNTQjIgcGHQEjNiczFTYzMhYVAav+qiMyMiM BViMyMv7PTU0mARMYGScXGAErTiccDAJOAQFOGSwpMQHgMiP+q iMyMiMBViMy/lPpIBcREhcXEhEX/vd9NR0GDYLUFSEnNTQABQAqAEoB1gF2AAMABgALAA4AEQAAExE hEQcnIQcXNxcjJzUXMzcVKwGq1YoBFLctLUruNF6aXgF1/tYBKqN5iycnSwmwUlKwAAAAAAEANQA1AcsBiwAmAAAlJwcGFjs CHQIUFjsBMjY9AjsCHQEUFjsBMjY9AzsBMjYBxcXFBwMJFRYMC UAJDBYqFgwJQAkMFhUJA+2engUIFWsVCQ0NCVUVFVUJDQ0JFWs VCAAAAAADAEAASgHAAXYAGwAjACcAAAEjIi8BJisBIg8BBisBI gYdARQWMyEyNj0BNCYGIiY0NjIWFDcjNTMBqysVDw0PFVYVDw0 PFSsIDQ0IAVYIDQ2UPiwsPixKKioBSw8MDw8MDw0J1QkMDAnVC Q3AKz4sLD4/KwAAAAACAFsANQGlAYsAEQAZAAABJwcnIwcnBxcHFzcXMzcXNy cGIiY0NjIWFAGlIk0URBRNIjo6Ik0URBRNIjpYJhsbJhoBGDsW Tk4WOzg4OxZOThY7OC4bJhsbJgAAAAEAVQAgAasBdgASAAABIy IGHQEUFjsBFTczMjY9ATQmAWvWGiYmGhZVaxomJgF1JRuAGiZV VSYagBslAAEAVQAqAasBlgAhAAAlIy4BJzUjNjU0IhUUFyMVDg EHIxQXBhUzHgEyNjczNCc2AasBBUY0Ay2qLQM0RgUBAQEDC1yC XAsDAQFZGC8IGClCampCKRgILxgBAgMBDxgYDwEDAgABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAHABAAAQAAAAAAAgAHACgAAQA AAAAAAwAjAHgAAQAAAAAABAAHAKwAAQAAAAAABQALAMwAAQAAA AAABgAHAOgAAwABBAkAAQAOAAAAAwABBAkAAgAOABgAAwABBAk AAwBGADAAAwABBAkABAAOAJwAAwABBAkABQAWALQAAwABBAkAB gAOANgAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAUgBlAGcAdQB sAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyA C4AMAAgADoAIABpAGMAbwBtAG8AbwBuACAAOgAgADEAOAAtADk ALQAyADAAMQAyAABGb250Rm9yZ2UgMi4wIDogaWNvbW9vbiA6I DE4LTktMjAxMgAAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAVgB lAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAaQBjA G8AbQBvAG8AbgAAaWNvbW9vbgAAAAACAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAsAAAABAAIACwECAQMBBAEFAQYBB wEIB3VuaUUwMkIHdW5pRTAxMgd1bmlFMDEzB3VuaUUwMUYHdW5 pRTAyQwd1bmlFMDI4B3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAoAAQAEAAAAAgAAAAAA AQAAAADJiW8xAAAAAMx+Y+IAAAAAzH5j4g==) format("woff"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icomoon'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .icon-mail:before { content: "\e02b"; } .icon-home:before { content: "\e012"; } .icon-camera:before { content: "\e013"; } .icon-cog:before { content: "\e01f"; } .icon-comment:before { content: "\e02c"; } .icon-user:before { content: "\e028"; } </style> <div class="container"> <ul id="nav"> <li><a href="#" class="icon-home"></a></li> <li><a href="#" class="icon-camera"></a></li> <li><a href="#" class="icon-mail"></a></li> <li><a href="#" class="icon-comment"></a></li> <li><a href="#" class="icon-user"></a></li> <li><a href="#" class="icon-cog"></a></li> </ul> <br><br><font face="Tahoma" font size="2"><b> <a href="http://srjo.net/habibyuri/wp_codes/%D9%82%D8%A7%D8%A6%D9%85%D8%A9-3d-%D9%84%D9%85%D8%A7-%D8%AA%D8%B6%D8%B9-%D8%B9%D9%84%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A7%D9%88%D8%B3-%D8%AA%D8%AA%D8%AD%D9%88%D9%84-%D8%A7%D9%84%D8%A7%D9%8A/">The Topic of this Preview</font></b></bre </div>
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ÇÏÎá åäÇ áÑÄíÉ ÇáßæÏ code ÈÔßá ÇÝÖá : åÜÜÜÜÜÜÜÜäÜÜÜÜÜÜÜÇ (http://cl.ly/code/3S1s052U133S)
=======================
Srjo.net (http://srjo.net/habibyuri/wp_codes/) © 2014
All Rights Reserved for this topic
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
æÇáÓáÇã Úáíßã æÑÍãÉ Çááå æÈÑßÇÊÉ.
ÇáÊÚÏíá ÇáÃÎíÑ ßÇä ÈæÇÓØÉ habibyuri; 17 - 01 - 2014 ÇáÓÇÚÉ 01:21
ÃáÚÇÈ ÇáÃäÏÑæíÏ ãÌÇäÇ æ ÍÕÑíÇ (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©ÇáãÔÇÑßÇÊ ÇáãäÔæÑÉ ÊÚÈÑ Úä æÌåÉ äÙÑ ÕÇÍÈåÇ ÝÞØ¡ æáÇ ÊõÚÈøÑ ÈÃí Ôßá ãä ÇáÃÔßÇá Úä æÌåÉ äÙÑ ÅÏÇÑÉ ÇáãäÊÏì (http://www.dzbatna.com)©
ÈÓã Çááå ÇáÑÍãä ÇáÑÍíã
ÇáÓáÇã Úáíßã æÑÍãÉ Çááå æÈÑßÇÊÉ
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/menu-css-3d.png
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ãÚÇíäÉ ÇáãáÍÞ :
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/views1.png (http://f.cl.ly/items/1q2R390t252Z223Y1c2p/ment%20css%203d.html)
ãÚáæãÇÊ Úä ÇáãáÍÞ
ÇáãÕÏÑ ÇáÑÆíÓí : cssdeck.com (http://cssdeck.com/labs/obligatory-css3-ui-nav) | ÞÈá ÇáÇÓÊÚãÇá ÇäÙÑ ãÕÏÑ ÇáãæÖæÚ . هنا (http://srjo.net/habibyuri/wp_codes/قائمة-3d-لما-تضع-عليها-الماوس-تتØ*ول-الاي/) .
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ÇáßæÏ code :
ÑãÒ Code:
<style type="text/css"> /* yeah, we're using LESS. */ body { display: block; background: lightgrey; } .container { text-align: center; position: absolute; top: 40%; left: 0; right: 0; bottom: 0; } #nav { font-size: 20px; display: inline-block; list-style: none; position: relative; padding: 0; -webkit-box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); box-shadow: 0 0.5em 12px rgba(0, 0, 0, 0.75); } #nav li { display: block; position: relative; z-index: 20; float: left; } #nav li:hover:before { top: 2px; -webkit-box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 1.5em 0 rgba(0, 0, 0, 0.75); } #nav li:active a, #nav li.active a { padding-top: 18px; padding-bottom: 5px; color: #00bff3; text-shadow: 0 -1px 0 #000000, 0 0 1em #00bff3; } #nav li:active:before, #nav li.active:before { top: 7px; background: #2d2d2d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkMm QyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZz ZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIgc3RvcC1vcG FjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVj dCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaW xsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2 Zz4=); background: -moz-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(99%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 0%, #141414 99%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 0%, #141414 99%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#2d2d2d', endColorstr='#141414', GradientType=0); /* IE6-8 */ border-bottom: 1px solid black; } #nav li:before { content: ""; position: absolute; z-index: 10; width: 100%; height: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.05); -webkit-box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1em 0 rgba(0, 0, 0, 0.25); border-left: 1px solid rgba(0, 0, 0, 0.35); } #nav li:after { content: ""; height: 16px; position: absolute; z-index: 5; bottom: -7px; width: 100%; border-left: 1px solid black; border-bottom: 1px solid black; } #nav li:before { left: 0; background: #565656; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NT Y1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZz ZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3 BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJl Y3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZm lsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9z dmc+); background: -moz-linear-gradient(top, #565656 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%, #262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%, #262626 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%, #262626 100%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#565656', endColorstr='#262626', GradientType=0); /* IE6-8 */ } #nav li:after { left: 0; background: #2d2d2d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMyZD JkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zm c2V0PSI5OSUiIHN0b3AtY29sb3I9IiMxNDE0MTQiIHN0b3Atb3 BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJl Y3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZm lsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9z dmc+); background: -moz-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, #2d2d2d), color-stop(99%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 23%, #141414 99%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 23%, #141414 99%); /* W3C */ filter: progid:dximagetransform.microsoft.gradient(startCo lorstr='#2d2d2d', endColorstr='#141414', GradientType=0); /* IE6-8 */ } #nav li:first-of-type:before, #nav li:first-of-type:after { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #nav li:last-of-type:before, #nav li:last-of-type:after { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #nav li a { position: relative; z-index: 10; display: block; padding: 12px 16px; color: #050505; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } #nav li a:hover { color: #00bff3; text-shadow: 0 -1px 0 #000000, 0 0 1em #00bff3; } @font-face { font-family: 'icomoon'; src: url(data:font/opentype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWKGNvYAAAhkAAAAHEdER UYAOAAGAAAIRAAAACBPUy8yT+PcHwAAAVgAAABWY21hcMCsl58 AAAHcAAABdmdhc3D//wADAAAIPAAAAAhnbHlmHDbXngAAA2wAAALYaGVhZPocCIEAAAD cAAAANmhoZWEEEP/sAAABFAAAACRobXR4EKoBpAAAAbAAAAAsbG9jYQNcA+oAAANUA AAAGG1heHAAUgA3AAABOAAAACBuYW1lTuLz7wAABkQAAAGGcG9 zdByvY40AAAfMAAAAcAABAAAAAQAAlXGSil8PPPUACwIAAAAAA Mx+Y+IAAAAAzH5j4gAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAALAAEAAAALADQ ABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZ gAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEAAAAAA AAAAAAAAAUGZFZABAACjwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAAIAACo CAAA1AgAAQAIAAFsCAABVAgAAVQAAAAAAAAADAAAAAwAAABwAA QAAAAAAcAADAAEAAAAcAAQAVAAAABAAEAADAAAAAAAo4BPgH+A o4CzwAP//AAAAAAAo4BLgH+Ao4CvwAP//AAD/2x/zH+gf4QAAEAoAAQAAAAAAAAAAAAAABgAAAAAABAAIAAABBgAAA QAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAA AAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAATAByAKQA4AEOASwBXgFsAAQAAP/gAgAB4AAPABMAHwAzAAABISIGFREUFjMhMjY1ETQmASM1MycjI iY1NDYyFhUUBgEjNTQjIgcGHQEjNiczFTYzMhYVAav+qiMyMiM BViMyMv7PTU0mARMYGScXGAErTiccDAJOAQFOGSwpMQHgMiP+q iMyMiMBViMy/lPpIBcREhcXEhEX/vd9NR0GDYLUFSEnNTQABQAqAEoB1gF2AAMABgALAA4AEQAAExE hEQcnIQcXNxcjJzUXMzcVKwGq1YoBFLctLUruNF6aXgF1/tYBKqN5iycnSwmwUlKwAAAAAAEANQA1AcsBiwAmAAAlJwcGFjs CHQIUFjsBMjY9AjsCHQEUFjsBMjY9AzsBMjYBxcXFBwMJFRYMC UAJDBYqFgwJQAkMFhUJA+2engUIFWsVCQ0NCVUVFVUJDQ0JFWs VCAAAAAADAEAASgHAAXYAGwAjACcAAAEjIi8BJisBIg8BBisBI gYdARQWMyEyNj0BNCYGIiY0NjIWFDcjNTMBqysVDw0PFVYVDw0 PFSsIDQ0IAVYIDQ2UPiwsPixKKioBSw8MDw8MDw0J1QkMDAnVC Q3AKz4sLD4/KwAAAAACAFsANQGlAYsAEQAZAAABJwcnIwcnBxcHFzcXMzcXNy cGIiY0NjIWFAGlIk0URBRNIjo6Ik0URBRNIjpYJhsbJhoBGDsW Tk4WOzg4OxZOThY7OC4bJhsbJgAAAAEAVQAgAasBdgASAAABIy IGHQEUFjsBFTczMjY9ATQmAWvWGiYmGhZVaxomJgF1JRuAGiZV VSYagBslAAEAVQAqAasBlgAhAAAlIy4BJzUjNjU0IhUUFyMVDg EHIxQXBhUzHgEyNjczNCc2AasBBUY0Ay2qLQM0RgUBAQEDC1yC XAsDAQFZGC8IGClCampCKRgILxgBAgMBDxgYDwEDAgABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAHABAAAQAAAAAAAgAHACgAAQA AAAAAAwAjAHgAAQAAAAAABAAHAKwAAQAAAAAABQALAMwAAQAAA AAABgAHAOgAAwABBAkAAQAOAAAAAwABBAkAAgAOABgAAwABBAk AAwBGADAAAwABBAkABAAOAJwAAwABBAkABQAWALQAAwABBAkAB gAOANgAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAUgBlAGcAdQB sAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyA C4AMAAgADoAIABpAGMAbwBtAG8AbwBuACAAOgAgADEAOAAtADk ALQAyADAAMQAyAABGb250Rm9yZ2UgMi4wIDogaWNvbW9vbiA6I DE4LTktMjAxMgAAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAVgB lAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAaQBjA G8AbQBvAG8AbgAAaWNvbW9vbgAAAAACAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAsAAAABAAIACwECAQMBBAEFAQYBB wEIB3VuaUUwMkIHdW5pRTAxMgd1bmlFMDEzB3VuaUUwMUYHdW5 pRTAyQwd1bmlFMDI4B3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAoAAQAEAAAAAgAAAAAA AQAAAADJiW8xAAAAAMx+Y+IAAAAAzH5j4g==) format("woff"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icomoon'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; } .icon-mail:before { content: "\e02b"; } .icon-home:before { content: "\e012"; } .icon-camera:before { content: "\e013"; } .icon-cog:before { content: "\e01f"; } .icon-comment:before { content: "\e02c"; } .icon-user:before { content: "\e028"; } </style> <div class="container"> <ul id="nav"> <li><a href="#" class="icon-home"></a></li> <li><a href="#" class="icon-camera"></a></li> <li><a href="#" class="icon-mail"></a></li> <li><a href="#" class="icon-comment"></a></li> <li><a href="#" class="icon-user"></a></li> <li><a href="#" class="icon-cog"></a></li> </ul> <br><br><font face="Tahoma" font size="2"><b> <a href="http://srjo.net/habibyuri/wp_codes/%D9%82%D8%A7%D8%A6%D9%85%D8%A9-3d-%D9%84%D9%85%D8%A7-%D8%AA%D8%B6%D8%B9-%D8%B9%D9%84%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A7%D9%88%D8%B3-%D8%AA%D8%AA%D8%AD%D9%88%D9%84-%D8%A7%D9%84%D8%A7%D9%8A/">The Topic of this Preview</font></b></bre </div>
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
ÇÏÎá åäÇ áÑÄíÉ ÇáßæÏ code ÈÔßá ÇÝÖá : åÜÜÜÜÜÜÜÜäÜÜÜÜÜÜÜÇ (http://cl.ly/code/3S1s052U133S)
=======================
Srjo.net (http://srjo.net/habibyuri/wp_codes/) © 2014
All Rights Reserved for this topic
http://srjo.net/habibyuri/wp_codes/wp-content/uploads/2014/01/fasl-code.png
æÇáÓáÇã Úáíßã æÑÍãÉ Çááå æÈÑßÇÊÉ.
ÇáÊÚÏíá ÇáÃÎíÑ ßÇä ÈæÇÓØÉ habibyuri; 17 - 01 - 2014 ÇáÓÇÚÉ 01:21
ÃáÚÇÈ ÇáÃäÏÑæíÏ ãÌÇäÇ æ ÍÕÑíÇ (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©ÇáãÔÇÑßÇÊ ÇáãäÔæÑÉ ÊÚÈÑ Úä æÌåÉ äÙÑ ÕÇÍÈåÇ ÝÞØ¡ æáÇ ÊõÚÈøÑ ÈÃí Ôßá ãä ÇáÃÔßÇá Úä æÌåÉ äÙÑ ÅÏÇÑÉ ÇáãäÊÏì (http://www.dzbatna.com)©
