أكواد روعة للمنتداك
و إلى الأكواد:هذا الكود له مميزات عديدة
منها التحكم في حجم الفئة
اعطاء خلفية للاقسام
التنسق بين الاقسام وتنظيمها
اعطاء خلفية رائعة للرد السريع والرسائل الخاصة
تدريج المواضيع
توسيط المنتدى ليكون اكثر ابداع
كل هذا المميزات يوفرها لك هذا الكود
انسخه وضعه في ورقة
CSS
تفضل الكود
th {
height: 44px;
border:1px solid #586166;
background-image: url("https://i.servimg.com/u/f89/13/19/80/23/ususus10.jpg ");
}
a.mainmenu{
background:none;
border:0;
}
a.copyright
{
border:0;
background:none;
}
fieldset {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:7px;
border-radius: 3px;
width:90%;
}
span.postdetails
{
text-align:center;
}
fieldset.genmed
{
width:400px;
}
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}
input,textarea, #text_editor_iframe {
background: url();
font: 11px georgia !important;
border-color : #2DB9E3 !important;
border-width:1px !important;
border-style:solid !important;
-moz-border-radius: 9px !important;
}
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
{
border:2px solid #586166;
}
كود وضع صورة جمب اسم العضو
---------------------------------
a strong {
background: url(http://www.klamaraby.com/vb/images/rating/star3.gif) no-repeat right;
padding: 13px;
}
a:hover {
background-image: url(https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif
);
border-bottom: 0px solid #105289;;
}
hr {
background: url(https://i.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;
border-top: thin groove;
padding: 48px;
line-height:10px;
}
كود ذكر الله في بداية الموضوع
-----------------------------
.thLeft {
background:
url(https://i.servimg.com/u/f63/12/73/86/96/30538310.gif) no-repeat
center;
border-top: thin groove;
padding: 20px;
font-size:
0px;
text-align: left;
color: Black;
border: medium double
#00CCFF;
background-color: #111111;
}
.thRight {
background:
url(http://www.smiles.s88s.com/smiles/50/92.jpg) no-repeat
right;
border-top:
thin groove;
padding: 50px;
color:
Black;
text-align:
left;
font-size: 1px;
border: medium double
#00CCFF;
background-color:
#111111;
}
-----------------------------------------------------------------------------------
الكود كامل يعمل مع النسخة الثانية فقط phpbb2[كود Css] تجميل المنتدى ايطارات منقطه حول الاقسام والمساهمات والمواضيع [مميز]
الكود
--------------------------------------------------
.row1
{
border:1px solid #39b3bf;
border-collapse: separate;
outline:1px dotted #39b3bf;
}
.row2
{
border:1px solid #39b3bf;
outline:1px dotted #39b3bf;
}
.row3
{
border:1px solid #39b3bf;
outline:1px dotted #39b3bf;
}
td.row3Right,td.spaceRow {
border:1px solid #39b3bf;
outline:1px dotted #39b3bf;
}
.bodyline{
background:#FFFFF3;
border:2px solid #39b3bf;
outline:2px dotted #39b3bf;
padding:1PX;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
ينحط عن طريق
مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css
التحكم بلون الايطار عن طريق تغيير اللون ده
االرمز#39b3bf
ا
}
---------------------------------------------------------------------------------------------------------------------------------
بداية البسمله في كل مساهمه وموضوع
------------------------------------
hr {
background: url(https://i.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;
border-top: thin groove;
padding: 48px;
}
------------------------------------------------------------------------------------------------------------------------
كود ذكر الله في بداية الموضوع
------------------------------
.thLeft {
background: Black url(https://i.servimg.com/u/f63/12/73/86/96/30538310.gif) no-repeat center;
border-top: thin groove;
padding: 20px;
font-size: 0px;
text-align: left;
color: Black;
border: medium double #00CCFF;
}
]
--------------------------------------------------------------------------------------------------------------------------------
كود للمنتدى اكثر من روعة من مميزاته
1- توسيط المساهمات
2- جعل الكتابة بالنسبة للمواضيع موحدة الحجم بالنسبة للخط
3- جعل امكانية نسخ الموضوع من اي موقع ووضعه في المنتدى من غير تعديل وكما هو
4- وضع نجمة امام اسماء المجموعات
5- بسملة رائعة في بداية كل موضوع
6- خليفة فئات لمنتدك
7- تنسيق المنتدى وعرضه ليتماشى مع منتداك
كل هذا في كود واحد
تفضل
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
/* ??I C?E???? */
.hr {
background: url() no-repeat center;
border-top: thin groove;
padding: 50px;
line-height: 12px;
}
a strong {
background :
url(https://i.servimg.com/u/f86/12/36/92/31/star310.gif) no-repeat
right;
padding : 0 15px 0 20px;
}
tr.post td {
text-align: center;
}
hr {
background: url(http://www.ashaq-basimyat.org/upload...7130c8ce79.gif) no-repeat center;
border-top: thin groove;
padding: 48px;
line-height:10px;
}
div.topictitle:hover
{
color:#FF0000;
}
div.topictitle
{
color:#FF0000;
font-size: 14px;
}
---------------------------------------------------------------------------------------------------------------------------------
الكود في ورقة تصميم css نقوم بالضغط على الزر ( قدم ) وسيصبح الاطار الداخلي لمنتداكم منقط
كود يجعل الاطار الداخلي للمنتدى اطار منقط
---------------------------------------------
.bodyline{
background-color: #;
border: 1px dotted #CFCFCF;
}
---------------------------------------------------------------------------------------------------------------------------------
كود css لوضع صورة كخلفية لأزرار المنتدي للنسخة invision
طريقة الوضع : -
الكود يوضع بورقة الــــcss
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css
-------------------------------------------
#submenu {
background-image: url(ضع هنـا رابط الصوره);
}
---------------------------------------------------------------------------------------------------------------------------------
ed]الكود شغال زى العسل فى منتداى
وهو عبارة عن ثلاثة اكواد فى كود واحد
وضع ايطار حول اسم العضو ولوحة الادارة والبسملة وحل مشكلة الاسطر فى المساهمات وحجم الخط كبير وواضح وجميل[/color]
الكوووووووووووووووووود
----------------------------
.forumline{
background-image: url("http://up.arabsgate.com/u/3565/2521/24577.gif");
}
strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed c209f0;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed c209f0;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
a strong {
background: url(https://i.servimg.com/u/f80/14/20/95/39/awfiya11.gif) no-repeat right;
padding: 13px;
}
hr{
height: 8px;
border: solid #e1effa 1px;
border-top-width: 1px;
background: url(http://up.arabsgate.com/u/3565/2521/24577.gif);
}
a.copyright
{
border:0;
background:none;
}
tr.post td {
text-align: center;
}
/* كود البسمله */
.hr {
background: url(https://i.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;
border-top: thin groove;
padding: 50px;
line-height: 12px;
}
.postbody{
font-size: 17px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
}
[__________________________________________________ ______________________________
لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره
الرمز:
.forumline{
background-image: url("ضع هنا رابط الصوره");
}
__________________________________________________ ______________________________
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
كود css:
strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gil...082_wed5.gif);
}
-------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
----------------
الثلاثاء 30 أبريل 2013, 04:35 من طرف lagona
موضوع: أكواد رائعة للمنتداك و موقعك 
