العراق اونلاين
ستايل علاء الفلفاتك الاصفر Wait
العراق اونلاين
ستايل علاء الفلفاتك الاصفر Wait


أهلا وسهلا بك إلىالعراق اونلاين.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
فـعـاليــات شــوق

رمضان بعدستك

حصريات رمضانية

قريبا



العراق اونلاين :: معرض الستايلات css :: الستايلات

كاتب الموضوع سحر العيون مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 
المشاركة رقم   تم النشر فى :21 - 02 - 2022
.AWARDS
 

سحر العيون

مدير نائب




بيانات اضافيه [+]
 عدد المساهمات : 365 : 
 تاريخ التسجيل : 05/01/2013 : 
ستايل علاء الفلفاتك الاصفر Emptyموضوع: ستايل علاء الفلفاتك الاصفر
تم النشر فى :21 - 02 - 2022






【•سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ،•،سُبْحَانَ اللَّه الْعَظِيم•】

ستايل علاء الفلفاتك الاصفر
الكود:
  #chatbox .user-msg {
            font-size:27px;
            font-weight: bold;
            }




    #right{
        position: absolute;
        top: 5px;right: 5px;
        width: 18%;
        float: right;
        }


          /* كود التحكم بحجم المواضيع والمشاركات */
        .postbody{
        font-size: 35px;
       
        font-weight: bold;
        font-family:
        Traditional Arabic;
      line-height: 2.0em;
        }
    td {font-family: arial, verdana, sans-serif; font-weight: bold;}


      .forumline .row, .forumline .row, .forumline .row3, .forumline .row3Right {
            padding: 0px 25px;
        }

body{background:url("https://i.servimg.com/u/f18/20/23/40/69/_ay10.png")#0e0905;color:#fff;font:10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;margin:0;padding:0}
                a:link,body_alink{color:#fff;text-decoration:none}
                a:visited,body_avisited{color:#fff;text-decoration:none}
                a:hover,a:active,body_ahover{color:#F40}
                .page{background:#0e0905;color:#fff;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif}

.page{background:url("https://i.servimg.com/u/f18/20/23/40/69/_ay10.png")#000;color:#d6cb69;font-family:'Droid Arabic Kufi'}

   


  #i_logo {
    background: url(https://i.servimg.com/u/f18/20/23/40/69/head_410.jpg) top left no-repeat,
      url(https://i.servimg.com/u/f18/20/23/40/69/head_110.jpg) top right no-repeat,
          url(https://i.servimg.com/u/f18/20/23/40/69/aiyi_o10.jpg) top center no-repeat,
      url(https://i.servimg.com/u/f18/20/23/40/69/0y10.png) top center repeat-x;
    width: 100%;
    height: 450px;
    }



.forumline {
background: url("https://i.servimg.com/u/f18/20/23/40/69/o11.png") left top no-repeat,
url("https://i.servimg.com/u/f18/20/23/40/69/oaoa14.png") right top no-repeat,
    url("https://i.servimg.com/u/f18/20/23/40/69/oaa_i10.jpg") center top no-repeat,
 url(https://i.servimg.com/u/f18/20/23/40/69/i_aia11.png) center top repeat-x,
url(https://i.servimg.com/u/f18/20/23/40/69/i_aa111.png) left bottom no-repeat,
url(https://i.servimg.com/u/f18/20/23/40/69/oaa_aa10.png) right bottom no-repeat,
url(https://i.servimg.com/u/f18/20/23/40/69/i_aa110.png) center bottom repeat-x,
url("https://i.servimg.com/u/f18/20/23/40/69/o_i10.png") left repeat-y,
url("https://i.servimg.com/u/f18/20/23/40/69/oaoa_i10.png") right repeat-y;
padding: 70px 50px 60px 50px;}




    #page-footer{
      height: 200px;
    background: url(https://i.servimg.com/u/f18/20/23/40/69/aay10.png) left top no-repeat,
      url(https://i.servimg.com/u/f18/20/23/40/69/211.png) right top no-repeat,
      url(https://i.servimg.com/u/f18/20/23/40/69/i_aa12.png) center top no-repeat,
    url(https://i.servimg.com/u/f18/20/23/40/69/i_aa12.png) center top repeat-x;
    color: #fff;}

.postbody img {

    max-width: 600px;

    /* Resize the image for IE6 */

    width: expression(this.width > 600 ? 600: true);

}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    border: 1px dotted #BFBFBF;
}


 
.postdetails {
    color: #000;
  text-align: center;
}


 
/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(https://i.servimg.com/u/f21/16/46/77/76/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/



/*كود الاعجابات من ترايدنت للموضوع اول موضوع فقط*/
    .code{
  background:#F5F5F5 url(https://i.servimg.com/u/f16/15/04/02/38/page_w10.png)6px 6px no-repeat;
    max-height: 200px;
      max-width: 650px;
      overflow: auto;
      direction: ltr;
        display: block;
    } 
.fa-check-circle a {
background : url(https://i.servimg.com/u/f98/20/22/21/34/11-10-10.png) no-repeat scroll right center transparent;
    font-size: 15px;
    padding: 0px 25px 0px 0px;
}
.header img {
    padding-top: 40px;
    padding-right: 100px;
}
.header a {
    padding: initial;
    padding-right: 100px;
   
}
.row1 span.gensmall a:link, .row1 span.gensmall_alink, .row1 span.gensmall a:visited, .row1 span.gensmall_avisited {
    color: #020202;
}
/* Share CSS */
.vbseo_share_body {
  width: 280px;
  border: 1px solid #efefef;
  background: #f2f6f8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  right: 0px;
  visibility:hidden;
  z-index: 999;
  box-shadow: 0 4px 7px;
  -moz-box-shadow: 0 4px 7px;
  -webkit-box-shadow: 0 4px 7px;
}

.restore .vbseo_share_body {
  top: -80px;
}
.vbseo_share:hover .vbseo_share_body {
  visibility: visible;
  padding: 0px;
}

.vbseo_share_body li {
  width: 140px;
  border: none;
}
.restore ul.vbseo_share_body li {
  list-style: none inside;
}
.vbseo_share_body li:hover {
  background: #ffeb90;
}
.vbseo_share_body li.share_header {
  background: #ddd;
  font-size: 120%;
  width: 270px;
  padding: 3px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-bottom-left-border-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-bottom-right-border-radius: 0;
  list-style: outside none none;
}
.vbseo_share_body li:hover.header {
  background: #ddd;
}
.vbseo_share_body li.left {
  float: right;
  clear: right;
  list-style: outside none none;
}
.vbseo_share_body li.right {
  float: left;
  clear: left;
  list-style: outside none none;
}
.vbseo_share_body li img {
  float: right;
  padding: 4px;
  position: relative;
  top: -2px;
  margin: 0;
}
.vbseo_share_body li > a {
  padding: 4px;
  display: block;
  color: #343434;
  text-decoration: none;
}

/* like tree CSS */
.rep-button, .rep-button:active, .rep-button:focus {
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: none;
    cursor: pointer;
    float: right;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin: 3px 0 6px 3px;
    outline: none;
    padding: 1px 4px;
    position: relative;
    text-transform: lowercase;
    transition: color .4s;
}

 
.vbseo_buttons {
    font-size: 0.688em;
    position: relative;
    font-family: tahoma;
}
.vbseo_buttons .vbseo_links {
    visibility: hidden;
    padding: 10px 10px 20px 10px;
    margin: 0;
    width: auto;
}
.TmpPost .ContentPost .Message ul, .TmpPost .ContentPost .Message ol {
    line-height: 30px;
    margin: 0 15px 0 0;
    font-weight: initial;
    padding: 0 20px 0 0;
}
.vbseo_buttons .vbseo_share, .vbseo_buttons .vbseo_like, .vbseo_buttons .seperator {
    display: inline-block;
    float: right;
    padding: 0 4px;
    position: relative;
}
.vbseo_share_body {
    width: 280px;
    border: 1px solid #efefef;
    background: #f2f6f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    right: 0px;
    visibility: hidden;
    z-index: 999;
    box-shadow: 0 4px 7px;
    -moz-box-shadow: 0 4px 7px;
    -webkit-box-shadow: 0 4px 7px;
}
.vbseo_share_body li.share_header {
    background: #ddd;
    font-size: 120%;
    width: 270px;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-bottom-left-border-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-bottom-right-border-radius: 0;
    list-style: outside none none;
}
.vbseo_share_body li {
    width: 140px;
    border: none;
}
vbseo_share_body li.right {
    float: left;
    clear: left;
    list-style: outside none none;
}

.vbseo_share_body li.left {
    float: right;
    clear: right;
    list-style: outside none none;
}
.vbseo_share_body li img {
    float: right;
    padding: 4px;
    position: relative;
    top: -2px;
    margin: 0;
}
p.fa_like_list {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
}


/* Start - Code Css [Font:Droid Arabick Kufi] By AM!DO  */
@font-face {
          font-family: 'Droid Arabic Kufi';
          font-style: normal;
          font-weight: 700;
          src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
          src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
              url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('woff2'),
              url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
              url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
        }
/* End - Code Css [Font:Droid Arabick Kufi] By AM!DO  */


a.slide_img-a7la br {
    display: none;
}

.secondarytitle, h2 .hierarchy, span .cattitle, a .cattitle, {
  color: #fff;
  text-align: center;
  font: Bold 20px Arial,Helvetica,sans-serif;
}
/*by: Traid web*/
  .gowetobilobed-offlinebutton {
background-color:transparent;
background-image:url("https://i.servimg.com/u/f66/11/66/00/43/user_o11.gif");
background-position:center center;
background-repeat:no-repeat;
border:medium none;
height:10px;
min-height:10px;
min-width:10px;
width:10px;
}
img.i_icon_online { background: #FFF; margin-right: 0px; }
.offlinebutton{background-color:transparent;background-image:url(https://i.servimg.com/u/f16/15/04/02/38/quote_10.png);background-position:center center;background-repeat:no-repeat;border:medium none;height:0px;min-height:0px;min-width:0px;width:0px}
        .LG-viewing { margin: 0 0px; font-weight: bold; }
.quote{-moz-border-radius:7px;-webkit-border-radius:7px;background:#45bcfb url(https://i.servimg.com/u/f16/15/04/02/38/quote_10.png)6px 6px no-repeat;background-color:#ededed;border:1px solid #C3C3C3;border-radius:7px;border-style:solid;border-width:1px;box-shadow:inset 0 0 7px 4px#e8e8e8;color:#000;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;line-height:125%;overflow:hidden}

A:link {text-decoration: none; color: }
A:visited {text-decoration: none; color: }
A:active {text-decoration: none; color: }
A:hover {text-decoration: none; color: }

a:link {text-decoration: none; color: }
a:visited {text-decoration: none; color: }
a:active {text-decoration: none; color: }
a:hover {text-decoration: none; color: }
a:link, body_alink
{
  color: #004d8f;
  text-decoration: none;
}
a:visited, body_avisited
{
  color: #004d8f;
  text-decoration: none;
}
a:hover, a:active, body_ahover
{
  color: #0066CC;
  text-decoration: none;
}

td.A:link {text-decoration: none; color: }
.duttonclosed
{
  padding: 7px; background-color: #35b5f8; border: 1px #800000 solid ; border-bottom: 2px #800000 solid; color: #FFF ; border-radius:2px; transition: 0.2s;

}

dutton, .dutton,.duttonclosed {
    transition: all 0.2s ease 0s;
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: ease;
        transition-delay: 0s;
    border: 1px solid #00A7FF;
        border-top-width: 1px;
        border-right-width-value: 1px;
        border-right-width-ltr-source: physical;
        border-right-width-rtl-source: physical;
        border-bottom-width: 1px;
        border-left-width-value: 1px;
        border-left-width-ltr-source: physical;
        border-left-width-rtl-source: physical;
        border-top-style: solid;
        border-right-style-value: solid;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-bottom-style: solid;
        border-left-style-value: solid;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-top-color: #00A7FF;
        border-right-color-value: #00A7FF;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-bottom-color: #00A7FF;
        border-left-color-value: #00A7FF;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 1 1 1 1;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
    padding: 8px;
        padding-top: 8px;
        padding-right-value: 8px;
        padding-bottom: 8px;
        padding-left-value: 8px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;
    color: #FFF;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #00C6FF 0%, #00B4E8 100%);
    border-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    cursor: pointer;
}




/*-----Programming code byMahmoud TalaaT& sam hameed-----*/
    #lbOverlay{
      position:fixed;z-index: 999;
      left:0;
      top:0;
      width:100%;
      height:100%;
      Mahmoud TalaaT;
      background-color:#000;
      cursor:pointer;
    }
    #lbCenter,#lbBottomContainer{
      position:absolute;
    Mahmoud TalaaT;
      z-index: 999;overflow:hidden;
      background-color:#fff;
    }
    .lbLoading{
      background:#fff url(https://i.servimg.com/u/f27/14/67/90/38/novfao10.gif) no-repeat center;
    }
    #lbImage{
      position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
    #lbPrevLink,#lbNextLink{
      display:block;
    Mahmoud TalaaT;
      position:absolute;
      top:0;
      width:50%;
      outline:none;
    }
    #lbPrevLink{
      left:0;
    }
    #lbPrevLink:hover{
      background:transparent url(https://i.servimg.com/u/f41/14/81/17/27/211.png) no-repeat 0 15%;
    }
    #lbNextLink{
      right:0;}
    #lbNextLink:hover{
      background:transparent url(https://i.servimg.com/u/f41/14/81/17/27/310.png) no-repeat 100% 15%;
    }
    #lbBottom{
      font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;
      text-align:left;
      Mahmoud TalaaT;
      border:10px solid #fff;
      border-top-style:none;
    }
    #lbCloseLink{
      display:block;
      float:right;
      Mahmoud TalaaT;
      width:66px;height:22px;
      background:transparent url(https://i.servimg.com/u/f41/14/81/17/27/110.png) no-repeat center;
      outline:none;
      Mahmoud TalaaT;
      margin:5px 0;
    }
    #lbCaption,#lbNumber{
      margin-right:71px;
    }
    .postbody img{
      max-width:50px;
    }
    /*-----Programming code byMahmoudTalaat&samhamed-----*/

.header { margin-top:0;}
.header:hover, .header:focus {-webkit-animation:spaceboots .8s infinite linear;-webkit-transform-origin:50% 50%}
.header.right a {
    font-size: 46px;
    font-weight: bolder;
}


span.header-logo {
    text-decoration-style: dotted;
    text-shadow: 0 0 #000000;
    padding: initial;
}

.header {
    background: url(https://i.servimg.com/u/f98/20/22/21/34/header13.jpg) #0c6299 no-repeat center;
    height: 230px;
    border-left: 2px solid #16679f;
    border-right: 2px solid #16679f;
    box-shadow: inset 0px 0px 10px #1F1F1F;
    text-align: center;
    font-size: 56px;
    font-weight: bolder;
}



/***كود لوحه شرف الاعضاء**/

/*on defini une largeur pour le tableau*/
table.M14_index{border: 1px solid #333;}
/*on défini une largeur pour les cellules*/
table.M14_index th,table.M14_index td{width:25%;}
/*on centre le contenu des cellules*/
table.M14_index th,table.M14_index td{text-align:center;}
 
/*on ajoute une bordure basse au descriptions*/
table.M14_index th{border-bottom:1px solid #333;}
/* on ajoute une bordure droite au deux premieres cellules*/
table.M14_index th:nth-child(-n+2),
table.M14_index th:nth-child(-n+3),
table.M14_index td:nth-child(-n+2),
table.M14_index td:nth-child(-n+3)
{
border-left:1px solid #333;
}
/* on ajoute un padding sur les cellules*/
table.M14_index td{padding:2px 4px;}
/* les derniers sujets*/

/*le contenu des derniers sujets*/
.derniers_sujets .M14_widgets ,
.derniers_sujets .M14_widgets .mod-recent-title,
.derniers_sujets .M14_widgets .mod-recent-author a[href^="/u"]
{font-size:12px!important;}
/*l avatar*/
.top_day img
{
background-color: #FFF;
border-color: #FFF;
border-radius:18px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
height: 18px;
margin-right: 6px;
vertical-align: middle;
width: 18px;
}
/*on met une marge sur l image du rang*/
img.M14_rang{margin: 2px 0px 4px 0px;}
.derniers_sujets img.M14_avatar,
.Profil_PA img.M14_avatar,
.sujets_actifs img.M14_avatar
{
height:64px;
width:64px;
background-color: #FFF;
border-color: #FFF;
border-radius:64px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
margin-right: 6px;
vertical-align: middle;
}
 
/*on défini les liens les un en dessous des autres*/
.M14_index td.top_day a[href^="/u"]
{
display: list-item;
list-style: none;
}
/*on affiche le nombre de message a gauche*/
.M14_index td.top_day {text-align:left!important;}
 
table.M14_index  div{float:left;width: 100%;}
div .M14_gauche{float:left;}
div .M14_droit{float:right;}
.top_day .M14_widgets div a[href^="/u"]{float:left;}












مواضيع ذات صلةالرئيسيهمواضيع جديدهمواضيع لم يتم الرد عليها


تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة