محمد طارق ..:: الاشراف العام ::..
الجنس : مشاركاتى : 36 نقودى : 65 سمعتى : 2 التسجيل : 21/02/2015
| موضوع: مجموعة من اكواد الcss المهمة لجميع منتديات التابعة لشركة احلى منتدى الخميس مارس 05, 2015 12:04 am | |
| السلام عليكم اقدم لكم مجموعة من اكواد الcss المهمة لجميع منتديات التابعة لشركة احلى منتدى : :بب: - الكود:
-
/*--------------منتدى ليالي قمر ---------------*/[size=11]... /* كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح */[size=11]... [size=11]... .bodyline{[size=11]... background:#ffffff url(goweto bilobed);[size=11]... border:0;[size=11]... padding:0;[size=11]... margin:0;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... body{[size=11]... padding:0;[size=11]... margin:0;[size=11]... background-position:center;[size=11]... }[size=11]... a{[size=11]... text-decoration:none;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... /* مزايا الكود :: يضع اطار فى جميع صفحات المنتدى[size=11]... للسماهمات *أخر مساهمة */[size=11]... [size=11]... [size=11]... td {[size=11]... height: px;[size=11]... -moz-border-radius-bottomleft: 8px;[size=11]... -moz-border-radius-bottomright: 8px;[size=11]... -moz-border-radius-topleft: 8px;[size=11]... -moz-border-radius-topright: 8px;[size=11]... border:0px solid #d6d6d6;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... /* لوضع اطار للتوقيع مع اختيار لون الخلفية */[size=11]... [size=11]... [size=11]... .signature_div {[size=11]... -moz-border-radius-bottomleft:8px;[size=11]... -moz-border-radius-bottomright:8px;[size=11]... -moz-border-radius-topleft:8px;[size=11]... -moz-border-radius-topright:8px;[size=11]... border:2px solid #00000;[size=11]... background-color: White;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... /* كود التحكم بحجم المواضيع والمشاركات */[size=11]... .postbody{[size=11]... font-size: 25px;[size=11]... [size=11]... font-weight: bold;[size=11]... font-family:[size=11]... Traditional Arabic;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* ينظم أى شئ أسفل المنتدى */[size=11]... [size=11]... [size=11]... .[size=11]... #page-footer h3 {[size=11]... margin-top : 20px;[size=11]... }[size=11]... #content-container[size=11]... #left {[size=11]... width : 0;[size=11]... }[size=11]... #content-container #right {[size=11]... width :[size=11]... 0;[size=11]... margin-right : 0;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* كود تغير لونين (مثبت و إعلان) */[size=11]... [size=11]... div.topictitle:hover[size=11]... {[size=11]... color:#FF0000;[size=11]... }[size=11]... [size=11]... div.topictitle[size=11]... {[size=11]... color:#FF0000;[size=11]... font-size: 14px;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... /* كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم */[size=11]... [size=11]... [size=11]... strong a{[size=11]... text-decoration:none;[size=11]... border:1px dashed #FFA34F;[size=11]... background: url(http://www.jewelsuae.com/psd/Mustalzamat/Glitter/Normal/gold1/x.gif);[size=11]... }[size=11]... a.copyright[size=11]... {[size=11]... border:0;[size=11]... background:none;[size=11]... }[size=11]... a.name {[size=11]... text-decoration:none;[size=11]... border:1px dashed #FFA34F;[size=11]... background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif);[size=11]... }[size=11]... a.coloradmin{[size=11]... text-decoration:none;[size=11]... border:1px dashed #FFA34F;[size=11]... background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif);[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* تطوير مربع الوصف الذي يشمل عدة امكنة ويمكنك من التحكم بالاطار و اللون */[size=11]... [size=11]... [size=11]... fieldset {[size=11]... -moz-border-radius-bottomleft:7px;[size=11]... -moz-border-radius-bottomright:7px;[size=11]... -moz-border-radius-topleft:5px;[size=11]... -moz-border-radius-topright:7px;[size=11]... border-radius: 3px;[size=11]... width:90%;[size=11]... border : 3px double #37b0df;[size=11]... background-color:#7EA7D3;[size=11]... background-image : url(http://i37.tinypic.com/2d0kjly.gif);[size=11]... }[size=11]... span.postdetails[size=11]... {[size=11]... text-align:center;[size=11]... }[size=11]... fieldset.genmed[size=11]... {[size=11]... width:400px;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... /* كود وضع اطار للتوقيع مجرب على النسخة الثانية */[size=11]... [size=11]... .signature_div {[size=11]... -moz-border-radius-bottomleft:8px;[size=11]... -moz-border-radius-bottomright:8px;[size=11]... -moz-border-radius-topleft:8px;[size=11]... -moz-border-radius-topright:8px;[size=11]... border:2px solid #000000;[size=11]... background:[size=11]... url(http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif);[size=11]... background-color: #F0FFF0 ;[size=11]... background-position:top;[size=11]... background-repeat: no-repeat;[size=11]... display: block;[size=11]... overflow: auto;[size=11]... padding:15px;);[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* كود سبب التعديل في المشاركات */[size=11]... [size=11]... [size=11]... [size=11]... tr.post span.gensmall { display: none; }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* كود جعل المشاركات فقط بالمنتصف دون أن يؤثر علي باقي المنتدي */[size=11]... [size=11]... tr.post td {[size=11]... [size=11]... text-align: center;[size=11]... [size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*لوضع صورة كفاصل بين البيانات الشخصية */[size=11]... [size=11]... [size=11]... hr{[size=11]... height: 8px;[size=11]... border: solid #e1effa 1px;[size=11]... border-top-width: 1px;[size=11]... background: url(ضع هنا رابط الصورة);[size=11]... }[size=11]... a.copyright[size=11]... {[size=11]... border:0;[size=11]... background:none;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* لجعل حدود منتداك بتلعمه */[size=11]... [size=11]... .forumline{[size=11]... background-image:[size=11]... url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين */[size=11]... [size=11]... [size=11]... body {[size=11]... background-repeat:repeat-y;[size=11]... background-position:center;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* كود البسمله */[size=11]... .hr {[size=11]... background: url(http://i83.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;[size=11]... border-top: thin groove;[size=11]... padding: 50px;[size=11]... line-height: 12px;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* يجعل كل الخطوط بالمنتدي بالخط العريض */[size=11]... [size=11]... td {[size=11]... [size=11]... font-weight: bold;[size=11]... [size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* حل مشكلة صور في المواضيع لا تظهر */[size=11]... [size=11]... [size=11]... [size=11]... .postbody img {[size=11]... max-width:600px;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* --------لوضع خلفيه لازرار علببه الدردشه ------------ */[size=11]... [size=11]... .fontbutton {[size=11]... background-image: url("http://i716.photobucket.com/albums/ww161/style-x_images/christmas-X/thindex.jpg");[size=11]... color: #870511;[size=11]... border: 1px solid #ffec86;[size=11]... }[size=11]... /* --------AhmedMido ----------- */[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /* --------كود css لتعديل صور كلمة السر ضعيفه وقويه ومتوسطه ------------ */[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... #pwd_good {[size=11]... background:url("رابط صورة كلمة السر قويه") repeat scroll 0 0 transparent;[size=11]... }[size=11]... #pwd_middle {[size=11]... background:url("رابط صورة كلمة السر وسط") repeat scroll 0 0 transparent;[size=11]... }[size=11]... #pwd_bad {[size=11]... background:url("رابط صورة كلمة السر ضعيفه") repeat scroll 0 0 transparent;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*----- إطار وخلفية لعنوان الموضوع -----*/[size=11]... [size=11]... [size=11]... h1.cattitle{[size=11]... color:#000;[size=11]... overflow : auto;[size=11]... background-image: url("رابط الخلفية هنا");[size=11]... border : 1px solid #000000;[size=11]... max-width : 840px;[size=11]... max-height : 290px;[size=11]... essa_elgn;[size=11]... mido x love;[size=11]... padding : 6px;[size=11]... text-align : justify;[size=11]... border: 1px solid #000;[size=11]... -moz-border-radius-topright: 15px;[size=11]... -webkit-border-radius-topright: 15px;[size=11]... -moz-border-radius-bottomleft: 15px;[size=11]... -webkit-border-radius-bottomleft: 15px;[size=11]... border-radius-topright: 15px;[size=11]... border-radius-bottomleft: 15px;[size=11]... [size=11]... ;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*----- تكبير اسم العضو يعني -----*/[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... a:link[size=11]... {[size=11]... text-decoration: none;[size=11]... }[size=11]... [size=11]... a:visited[size=11]... {[size=11]... text-decoration: none;[size=11]... }[size=11]... [size=11]... a:active[size=11]... {[size=11]... text-decoration: none;[size=11]... }[size=11]... a:link {text-decoration: none;}[size=11]... a:hover{text-decoration: none !important;}[size=11]... a { text-decoration: none; }[size=11]... a:link { text-decoration: none; }[size=11]... a:hover { text-decoration: none; }[size=11]... a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }[size=11]... a:hover{text-transform:uppercase;}[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*-----اطار حول صورة بيانات العضو بدون تومبيلات -----*/[size=11]... [size=11]... [size=11]... [size=11]... .postdetails.poster-profile a img {[size=11]... background-image: url('http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png');[size=11]... [size=11]... -moz-border-radius:7px;[size=11]... -webkit-border-radius:7px;[size=11]... border: 3px solid #000000;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*----- essa_elgn -----*/[size=11]... [size=11]... [size=11]... button.button2, input.button2 {[size=11]... -moz-border-radius-bottomleft: 8px;[size=11]... -moz-border-radius-bottomright: 8px;[size=11]... -moz-border-radius-topleft: 8px;[size=11]... -moz-border-radius-topright: 8px;[size=11]... border : 0px dashed #ffeade;[size=11]... font-size : 0.7em;[size=11]... border-width : 1px[size=11]... border-color : #fc9f0c;[size=11]... width : auto !important ;[size=11]... padding : 2px 2px;[size=11]... font-family : Verdana, Arial, Helvetica, sans-serif;[size=11]... color : #000000;[size=11]... background-repeat : repeat;[size=11]... background-color : #FF0000;[size=11]... background-image : url();[size=11]... background-position : top;[size=11]... overflow : visible;[size=11]... vertical-align : middle;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*-----خلفية تكبير وتصغير الصوره[size=11]... في الموضوع وجعلها مثل -----*/[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... .renklibar {[size=11]... color : #000000;[size=11]... background : #E8EDF0[size=11]... url(http://i45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;[size=11]... border : 1px[size=11]... solid #000000;[size=11]... margin : 1px;[size=11]... padding : 10px 5px 10px 40px;[size=11]... font-size[size=11]... : x-small;[size=11]... line-height : 1.4em;[size=11]... }[size=11]... [size=11]... .resize_process[size=11]... .resizebox {[size=11]... display : none;[size=11]... margin-left : 15px;[size=11]... }[size=11]... .resizebox[size=11]... div {[size=11]... font-weight : normal;[size=11]... font-style : normal;[size=11]... margin : 0;[size=11]... }[size=11]... .resizebox.enlarged[size=11]... a.enlarge {[size=11]... display : none;[size=11]... }[size=11]... .resizebox.enlarged a.resize {[size=11]... display[size=11]... : inline-block;[size=11]... }[size=11]... .resizebox a.resize {[size=11]... display : none;[size=11]... }[size=11]... .resizebox[size=11]... {[size=11]... background : #FFF9BF url("http://i43.tinypic.com/af9egz.gif")[size=11]... no-repeat 7px 4px;[size=11]... max-width : 100%;[size=11]... line-height : 1.1em;[size=11]... cursor[size=11]... : default;[size=11]... font-weight : normal;[size=11]... font-style : normal;[size=11]... margin :[size=11]... 0;[size=11]... text-align : center;[size=11]... display : inline-block;[size=11]... }[size=11]... .resizebox[size=11]... .resize_border {[size=11]... border : 1px solid #BDBDBD;[size=11]... display : block;[size=11]... }[size=11]... [size=11]... [size=11]... .eklentiler {[size=11]... color : #000000;[size=11]... background : #ffffff;[size=11]... border[size=11]... : 1px solid #000000;[size=11]... margin : 1px;[size=11]... padding : 10px 5px 10px 40px;[size=11]... font-size[size=11]... : x-small;[size=11]... line-height : 1.4em;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... /*كود تغير كلمة شاطر بصوره توضح الغرض */[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... .addthis_button{[size=11]... background:[size=11]... url('http://i17.servimg.com/u/f17/14/57/22/94/paylas11.gif') no-repeat;[size=11]... background-position: center right;[size=11]... padding: 75px;[size=11]... font-size: 0px ;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [color=red][size=11]... /*اخيرا كود css لالغاء الفراغ الذي يظهر بين[size=11]... الواجهه */[/color][size=11]... [size=11]... [size=11]... [size=11]... [size=11]... bodyline{[size=11]... background:#ffffff url(goweto bilobed);[size=11]... border:0;[size=11]... padding:0;[size=11]... margin:0;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... body{[size=11]... padding:0;[size=11]... margin:0;[size=11]... background-position:center;[size=11]... }[size=11]... a{[size=11]... text-decoration:none;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [color=darkred][size=11]... /*تختص باطار التوقيع */[/color][size=11]... [size=11]... [size=11]... .signature_div {[size=11]... -moz-border-radius-bottomleft:8px;[size=11]... -moz-border-radius-bottomright:8px;[size=11]... -moz-border-radius-topleft:8px;[size=11]... -moz-border-radius-topright:8px;[size=11]... border:2px solid #00000;[size=11]... background-color: White;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [color=red][size=11]... /* كود التحكم بحجم المواضيع والمشاركات */[/color][size=11]... .postbody{[size=11]... font-size: 25px;[size=11]... [size=11]... font-weight: bold;[size=11]... font-family:[size=11]... Traditional Arabic;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [color=red][size=11]... /*----- كود تباعد الاسطر -----*/[/color][size=11]... [size=11]... [size=11]... .postbody{[size=11]... font-size: 17px;[size=11]... text-align: center;[size=11]... font-weight: bold;[size=11]... line-height: 2.0em;[size=11]... }[size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [color=red][size=11]... [size=11]... /*----- كود رائع جدااا للرد السريع -----*/[/color][size=11]... [size=11]... [size=11]... [size=11]... [size=11]... [size=11]... form#quick_reply textarea#text_editor_textarea {[size=11]... width:[size=11]... 780px;[size=11]... height: 100%; }[size=11]... [size=11]... form#quick_reply[size=11]... iframe#text_editor_iframe {[size=11]... width: 780px;[size=11]... }[size=11]... [size=11]... * html[size=11]... form#quick_reply iframe#text_editor_iframe {[size=11]... width: 780px;[size=11]... }[size=11]... [size=11]... *+html[size=11]... form#quick_reply iframe#text_editor_iframe {[size=11]... width: 780px;[size=11]... } طريقة التركيب : 1- اذهب الي لوحة الاداره => مظهر المنتدى => الوان => صفحة css وضع الكود فيها وضغط سجـــــــلـ | |
|
malakwab ..:: أدارة المنتدى ::..
الجنس : مشاركاتى : 2962 نقودى : 5068 سمعتى : 14 عمرى : 25 التسجيل : 04/05/2012 العمل/الترفيه : مبرمج
| موضوع: رد: مجموعة من اكواد الcss المهمة لجميع منتديات التابعة لشركة احلى منتدى الجمعة مارس 06, 2015 10:58 pm | |
| شكراا لك اخى الكريم ع الكود الاكثر من ررائع | |
|