Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
Moderācijas jaunais izskats tumšam dizainam
Antikrists
Ceturtdiena, 07.05.2015, 9:24:32 | Ieraksts #1
FORUMA APSARGS
Foruma ieraksti: 606

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

Liekam css :

Code
.u-mpanel,       
.u-mpanel * {       
        -moz-box-sizing: border-box;       
        box-sizing: border-box;       
        }       

        .u-mpanel.hidden {       
        display: none;       
        }       

        .u-mpanel a {       
        position: absolute;       
        left: 0;       
        right: 0;       
        bottom: 0;       
        top: 0;       
}       
               
        .u-mpanel-l {       
padding: 0 0 0 3px;       
margin: 0 15px 0 0 !important;       
list-style: none;       
line-height: 0;       
font-size: 0;       
visibility: hidden;       
-webkit-transition: all .35s ease;       
-o-transition: all .35s ease;       
transition: all .35s ease;       
border-radius: 13px 0 0 13px;       
border: 1px solid #222;       
position: absolute;       
right: -10px;       
opacity: 0;       
background-color: #555;       
white-space: nowrap;       
top: 0;       
        }       
               
.u-mpanel.open .u-mpanel-l {       
visibility: visible;       
opacity: 1;       
right: 0;       
padding-right: 10px;       
        }       

.u-mpanel {       
        height: 25px;       
        width: 25px;       
        display: inline-block;       
        vertical-align: middle;       
        position: relative;       
        border-radius: 13px;       
        z-index: 0;       
        margin-left: 10px;       
}       
               
        .u-mpanel-toggle {       
        height: 25px;       
        width: 25px;       
        border: 1px solid #222;       
        position: relative;       
        border-radius: 100%;       
        background: #777 url('/Moderacia/moder_black.png') no-repeat -20px -20px;       
        position: absolute;       
        z-index: 10;       
        cursor: pointer;       
        }       
        .u-mpanel-l li {       
        position: relative;       
        width: 25px;       
        height: 23px;       
        display: inline-block;       
        cursor: pointer;       
        background-image: inherit;       
        margin: 0;       
        }       

        .u-mpanel-l .u-mpanel-nspam {width: 57px;}       
        .u-mpanel-l .u-mpanel-spam {width: 36px;}       
               
        .u-mpanel-ico {       
        background: url('/Moderacia/moder_black.png') no-repeat;       
        width: 11px;       
        height: 11px;       
        display: block;       
        position: absolute;       
        top: 50%;       
        left: 50%;       
        margin-top: -5px;       
        margin-left: -6px;       
        }       

        .u-mpanel.open .u-mpanel-toggle {background-position: -41px -20px;}       
               
.u-mpanel-ip .u-mpanel-ico {background-position: -5px -109px;}       
        .u-mpanel-ip:hover .u-mpanel-ico {background-position: -26px -109px;}       

.u-mpanel-pending .u-mpanel-ico {background-position: -47px -110px;}       
        .u-mpanel-pending:hover .u-mpanel-ico {background-position: -68px -110px;}       
               
               
.u-mpanel-nspam .u-mpanel-ico {width: 45px;margin-left: -23px;background-position: -5px -68px;}       
.u-mpanel-nspam:hover .u-mpanel-ico, .u-mpanel-nspam.hover .u-mpanel-ico{background-position: -5px -89px;}       

.u-mpanel-spam .u-mpanel-ico {width: 24px;margin-left: -12px;background-position: -57px -68px;}       
.u-mpanel-spam:hover .u-mpanel-ico {background-position: -57px -89px;}       
               
        .u-mpanel-publ .u-mpanel-ico {background-position: -5px -5px;}       
        .u-mpanel-publ:hover .u-mpanel-ico {background-position: -26px -5px;}       
               
        .u-mpanel-tags .u-mpanel-ico {background-position: -68px -26px;}       
        .u-mpanel-tags:hover .u-mpanel-ico {background-position: -68px -47px;}       
               
        .u-mpanel-rating .u-mpanel-ico {background-position: -5px -47px;}       
        .u-mpanel-rating:hover .u-mpanel-ico {background-position: -26px -47px;}       
               
        .u-mpanel-edit .u-mpanel-ico {background-position: -47px -47px;}       
        .u-mpanel-edit:hover .u-mpanel-ico {background-position: -68px -5px;}       
               
        .u-mpanel-del .u-mpanel-ico {background-position: -47px -5px;}       
        .u-mpanel-del:hover .u-mpanel-ico {background-position: -5px -26px;}       
               
        .u-mpanel-mark .u-mpanel-ico {background-position: -5px -131px;}       
        .u-mpanel-mark:hover .u-mpanel-ico {background-position: -26px -131px;}       

        .u-mpanel-left .u-mpanel-ico {background-position: -47px -131px;}       
        .u-mpanel-left:hover .u-mpanel-ico {background-position: -68px -131px;}       
               
        .u-mpanel-right .u-mpanel-ico {background-position: -47px -152px;}       
        .u-mpanel-right:hover .u-mpanel-ico {background-position: -68px -152px;}       
               
        .u-mpanel-bw .u-mpanel-ico {background-position: -5px -152px;}       
        .u-mpanel-bw:hover .u-mpanel-ico {background-position: -26px -152px;}       

.u-mpanel-hide .u-mpanel-ico {width: 14px; height: 9px; margin-top: -4px; margin-left: -7px; background-position: -3px -174px;}       
.u-mpanel-hide:hover .u-mpanel-ico, .u-mpanel-hidden .u-mpanel-ico {background-position: -24px -174px;}       

.u-mpanel-stock .u-mpanel-ico {width: 14px; height: 9px; margin-top: -4px; margin-left: -7px; background-position: -47px -174px;}       
.u-mpanel-stock:hover .u-mpanel-ico {background-position: -67px -174px;}       

.u-mpanel-wait .u-mpanel-ico { width: 16px; height: 16px; margin:-8px 0 0 -8px; background: url('/Moderacia/ajsml.gif') no-repeat 0 0!important }       

.u-mpanel-spam.hidden{ display:none }       

.u-mpanel-tooltip {       
        margin-bottom: 15px;       
        visibility: hidden;       
        opacity: 0;       
        position: absolute;       
        bottom: 100%;       
        right: -16px;       
        margin-left: -100px;       
        text-align: right;       
        padding: 5px 12px;       
        border-radius: 4px;       
        background-color: #000;       
        background-color: rgba(0, 0, 0, 0.7);       
        color: #fff;       
        font: 400 11px 'PT Sans', Arial, sans-serif;       
        line-height: 1.5;       
        white-space: nowrap;       
        transition: all .2s ease-out;       
}       
.u-mpanel-tooltip:before {       
        position: absolute;       
        display: block;       
        content: "";       
        top: 100%;       
        left: 0;       
        width: 100%;       
        height: 12px;       
}       
.u-mpanel-tooltip:after {       
        position: absolute;       
        display: block;       
        content: "";       
        top: 100%;       
        right: 21px;       
        margin: 0 0 0 -6px;       
        border: 6px solid rgba(0, 0, 0, 0);       
        border-top-color: #000;       
        border-top-color: rgba(0, 0, 0, 0.7);       
}       
.u-mpanel-l li:hover .u-mpanel-tooltip {       
        visibility: visible;       
        opacity: 1;       
        margin-bottom: 10px;       
}       
               
               
        /*--------- Reverse ---------*/       
               
        .u-mpanel.right .u-mpanel-l {       
        padding: 0 3px 0 0;       
        margin: 0 0 0 15px !important;       
        right: inherit;       
        left: -10px;       
        border-radius: 0 13px 13px 0;       
}       
               
.u-mpanel.open.right .u-mpanel-l {       
        padding: 0 3px 0 10px;       
        left: 0;       
}       
.u-mpanel.right {       
        margin: 0 10px 0 0;       
}        
.u-mpanel.right .u-mpanel-tooltip {       
        left: -16px;       
        right: inherit;       
        margin-right: -100px;       
        margin-left: 0;       
        text-align: left;       
}       
.u-mpanel.right .u-mpanel-tooltip:before {       
        right: 0;       
        left: inherit;        
}       
.u-mpanel.right .u-mpanel-tooltip:after {       
        top: 100%;       
        left: 21px;       
        right: inherit;       
        margin: 0 -6px 0 0;       
}        
               

.u-mpanel.right.photo-view,.u-mpanel.video-view {       
        margin-top: -5px;       
}       
               
.u-mpanel-ud .u-mpanel-ico {background-position: -5px -197px;}       
.u-mpanel-ud:hover .u-mpanel-ico {background-position: -26px -197px;}       

.u-mpanel-rank .u-mpanel-ico {background-position: -47px -196px;}       
.u-mpanel-rank:hover .u-mpanel-ico {background-position: -68px -196px;}       


Lejuplādējam pielikumā - Moderacia - Izveidojam failu menidžerī mapi ar tādu pat nosaukumu , saglabajam tur attēlus.

Tad ejam uz - http://tavs web.ucoz..lv/panel/?a=frep

Izdaram visu kā paradīts bildē.



Pielikumā bildi apskatīsi pilnā izmērā.

Code
</body>


Aizvietojot ar :

Code
<script language="jscript">$(document).ready(function(){$("link[href$='/src/moder_panel_new.css']").attr('href','');});</script></body>


Un spied replace. Gatavs

Pielikumi: Moderacia.rar (11.2 Kb) · 7831521.png (44.1 Kb) · 6366832.png (111.0 Kb)



.
.


  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...