تصميم انيق للنسخه Invision

سلام عليكم ورحمه الله وبركاته
تم وبعون الله تصميم جميل للنسخه
انفينجن
اطارات متعدده اللوان تحيط بالفئات
ايطار لاسم الاقسام وشكل المواضيع اصبحت اكثر جمالا
نسخه الستايل على هيت سكن للتحميل
من هنا تحميل للنسخه

الاكواد الموضوعه

الكود:

html, body{



 

}

div#logostrip #logo {

padding: 50px 50px 50px50px; border:0px; 

}

div#logostrip {
  border-top: 1px solid #4cabde;
  background: #65d6d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#c24b9c), to(#65d6d4));
  background: -webkit-linear-gradient(top, #c24b9c, #65d6d4);
  background: -moz-linear-gradient(top, #c24b9c, #65d6d4);
  background: -ms-linear-gradient(top, #c24b9c, #65d6d4);
  background: -o-linear-gradient(top, #c24b9c, #65d6d4);
  padding: 6.2px 8px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #a130a1;
  font-size: 12px;
  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
    padding: 16px 3px 3px!important; 

}



#gfooter .footer-links {

  }
.button:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.button:active {
  border-top-color: #1b435e;
  background: #1b435e;
}



.postprofile-details {


   background: url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ht.gif) top left no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-h1.gif) top right no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ht.gif) top repeat-x, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom left no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom right no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom repeat-x, url(https://i.servimg.com/u/f30/20/18/18/38/nav_2211.png) right repeat-y, url(https://i.servimg.com/u/f30/20/18/18/38/nav_2211.png) left repeat-y;
   padding: 180px 10px 137px 10px;
   border: 0px;
   width: 90%;
   margin: 0 auto;
   text-align: center;
   background-color: #000;
   color: #fff;

}


td {

}
/*------------------------------كود للاكواد صندوق الاكواد-----------------------------*/

.highlight {
    border: solid #e91e63 3px;
    display: inline-block;
    overflow-y: scroll;
    max-width: 700px;
    background: #74afaf;
    color: #d6cb69;
    font-family: 'Droid Arabic Kufi';
    font-weight: 700;
    max-height: 522px;
}

.blog_comment-avatar img {
        background: none repeat scroll 0 0 #F9F9F9;
        border-bottom-left-radius: 8px;
        border-color: #29A5FF;
        border-left: 1px solid #29A5FF;
        border-right: 6px solid #29A5FF;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: center;
}
.post-entry {
    margin: 0.5em;
    overflow: hidden;
    word-wrap: break-word;
}
.post-entry {
background: url("");
font-size: 16px;
font-weight: 700;
font-family:Cairo;
line-height: 2.0em;
color: #000;
}

img {

}
.popupmenu li a.profile-icon {
font-size: 8px;
}

table.ipbtable td {

}


table.index-box td {

}
.row2 {

}

.row1, .row2 {

}
.post {



}
#fa_usermenu img {
    width: 20px;
    max-width: 20px;
    max-height: 20px;
}

img {
    border: none;
    vertical-align: middle;
}

.popupmenu li a.profile-icon {
        height: 10px;
        width: 10px;
}
#navstrip {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#6c4cc4), to(#65a9d7));
  background: -webkit-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -moz-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -ms-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -o-linear-gradient(top, #6c4cc4, #65a9d7);
  padding: 6.5px 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.button:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.button:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

#navstrip {
    list-style: none;
    margin: 0 0 1em;
    font-weight: 700;
    word-break: break-all;
}

div.borderwrap, .borderwrapm {
  border-top: 1px solid #4cabde;
  background: #65d6d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#c24b9c), to(#65d6d4));
  background: -webkit-linear-gradient(top, #c24b9c, #65d6d4);
  background: -moz-linear-gradient(top, #c24b9c, #65d6d4);
  background: -ms-linear-gradient(top, #c24b9c, #65d6d4);
  background: -o-linear-gradient(top, #c24b9c, #65d6d4);
  padding: 6.2px 8px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #a130a1;
  font-size: 12px;
  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.button:hover {
  border-top-color: #0a2130;
  background: #0a2130;
  color: #825b82;
  }
.button:active {
  border-top-color: #37617d;
  background: #37617d;
}

div.borderwrap, .borderwrapm {

line-height: 2.0em;

 
 
 
 
font-size: 16px;
text-align: right;

font-family:Cairo;


}

div.maintitle h2, div.maintitle h3, div.maintitle div.toggle {
font-size: 7px;
}
.bar .rtl-inversion-right {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#6c4cc4), to(#65a9d7));
  background: -webkit-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -moz-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -ms-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -o-linear-gradient(top, #6c4cc4, #65a9d7);
  padding: 6.5px 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.button:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.button:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

.maintitle.floated h1, .maintitle.floated h2, .maintitle.floated h3, .maintitle.floated div.toggle {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#6c4cc4), to(#65a9d7));
  background: -webkit-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -moz-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -ms-linear-gradient(top, #6c4cc4, #65a9d7);
  background: -o-linear-gradient(top, #6c4cc4, #65a9d7);
  padding: 6.5px 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.button:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.button:active {
  border-top-color: #1b435e;
  background: #1b435e;
 
}