Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Problema script fundal staff

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Pagina 2 din 2 • Înapoi  1, 2

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema script fundal staff

Mesaj Scris de Tudoor Sam Mai 16, 2015 8:45 pm

Rezumarea primului mesaj :

Am vrut ca Moderatorilor sa le atribui atunci cand creeaza un post o imagine de fundal ca aici->staff - Problema script fundal staff - Pagina 2 Js84Hf4
Am folosit acest tutorial -> aici
Codul CSS unde scrie /* Imagini Staf */->staff - Problema script fundal staff - Pagina 2 Ij702yM
Ce trebuie sa inlocuiesc ?


Ultima editare efectuata de catre Tudoor in Dum Mai 17, 2015 6:13 pm, editata de 1 ori
Tudoor

Tudoor
Membru Forumgratuit

Mesaje : 18
Varsta : 25
Data înscrierii : 16/05/2015
Mulțumiri : 0
Internet Explorer phpBB3

http://opengate.forumz.ro/
Tudoor a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor Dum Mai 24, 2015 10:15 pm

CSS :
Cod:
li.row {
background-color: #e8ecee;
}

li.row:hover {
background-color: #e8ecee;
}

.module {
background-color: #e6e8ed;
}

#wrap {
padding: 30px;
margin-top: -10px;
margin-bottom: -100px;
}

fieldset dd {
   vertical-align: text-top;
   }

ul.navlinks {
   font-weight: normal;
   text-align: left;
   }

ul.linklist li a img {
   vertical-align: text-top;
   margin: 0 2.5px;
   }

ul.linklist li a img {
cursor: default;}

li.row:hover dd {
   border-left-color: #00 00 FF;
}

li.row {
   border-top-color:  #FFFFFF;
   border-bottom-color: #505C65;
}

.inputbox
{
   border: 1px solid #b4bac0;
   color: #333333;
}

.inputbox:hover
{
   border: 1px solid #11a3ea;
   color: #333333;
}
.inputbox:focus
{
   border: 1px solid #11a3ea;
   color: #105289;
}

.content h1, .panel h1 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

.content h2, .panel h2 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

h3, .h3 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

a.button1, input.button1, a.button2, input.button2, button.button2 {
   border: 1px solid #666666;
   color: #000000;
   }

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
   border: 1px solid #bc2a4d;
   color: #bc2a4d;
   background-position: 0 100%;
   }


select {
   color: #333333;
   border: 1px solid #666666;
   }

a:active {
   color: #368ad2;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
{
   background-color: #FFFFFF;
   border: 1px solid #b4bac0;
   color: #5c758c;
   font-size: 0.9em;
   font-weight: normal;
   line-height: 1.5em;
   margin: 0 2px;
   padding: 0 2px;
}

.pagination span a:hover
{
   background-color: #368ad2;
   border-color: #368ad2;
   color: #ffffff;
}

.pagination span a.pag-img {
   border: none;
   background-color: transparent;
}
.pagination span a.pag-img:hover {
   background-color: transparent;
}

.pagination span strong
{
   background-color: #4692bf;
   border: 1px solid #4692bf;
   color: #ffffff;
   font-size: 0.9em;
   margin: 0 2px;
   padding: 0 2px;
   font-weight: normal;
}

.navbar {
        background-color: #dcdee2;
}

.footer-home{
background: url('http://2img.net/i/fa/prosilver/icon_home.gif') no-repeat left;
padding-left: 15px;}

.copyright {
padding:0px}

div#page-footer ul.linklist,.copyright {
padding:0px;}

/* paleta de culori personalizata */

.color-option {
display: inline-block !important;
width: 15px !important;  /* latimea iconitei unei culori */
height: 15px !important;  /* latimea iconitei unei culori */
border: 2px solid #fff !important;  /* chenarul din jurul unei iconite */
margin: 3px !important;   /* spatiul dintre iconite */
box-shadow: 0 0 2px #778899;   /* umbra unei iconite */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* latimea iconitei unei culori */
height: 15px !important;  /* inaltimea iconitei unei culori */
}
.color-option, .color-option span {
border-radius: 2px;  /* colturi rotunjite */  
}

/* paleta de culori - de latimea acesteia depinde cate culori vor fi adaugate pe fiecare rand in parte */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* latimea paletei de culori */
height: 100px !important;  /* inaltimea paletei de culori */
padding: 5px !important;
border-radius: 5px !important;
}

/* Status ON,OFF */

   .user_status {
        vertical-align:top;
        border-spacing:0;
        display:inline;
    }

    #is_on.user_status { color:green }
    #is_off.user_status { color:red }

    .post #is_on.user_status { display:none }
    .post.online #is_off.user_status{ display:none }
    .post.online #is_on.user_status { display:inline }

 /* Imagini Staff */

div.ImagineAdministrator {
          background-image: url("http://i.imgur.com/szM6AU7.jpg");
          background-position: bottom right;
    
        }
.addClass('http://i.imgur.com/szM6AU7.jpg');
div.ImagineModerator {
          background: url("http://i.imgur.com/szM6AU7.jpg") bottom right;
}
.addClass('http://i.imgur.com/szM6AU7.jpg');
/* Tabel 1 */

.tabel1{
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-radius: 10px;
color: #000;
font-size:12px;
font-family: "Myriad Pro";
}

/* Imagine Mesaj +1 Warn , Topic Closed */

.cpinfo1 td{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo1 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/JQ02WVT.gif');
}
.cpinfo2 td{
border: 3px solid;
margin: 10px 0px;
padding:60px 10px 15px 200px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo2 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/SYoUyMS.png');
}
.cpinfo3 td{
border: 3px solid;
margin: 10px 0px;
padding:100px 10px 15px 400px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo3 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/1iGubKZ.png');
}
/* Imagine vot reputatie */

.vote .vote-no-bar{
display: none;
}

.vote{
width: auto;
}

.vote-button{
width: auto;
}

.vote-button a{
font-size: 0px !important;
color: transparent !important;
}

/* Removal of negative voting button in messages */

.vote .vote-button, .vote-no-bar {
   display:none;
}
.vote .vote-button:first-child {
    display:block;
}

JavaScript : https://i.imgur.com/NM8SRi5.png

Img Administrator :

Cod:
$(function() {
 $('.Administrator').parent().parent().parent().parent().parent().addClass('ImagineAdministrator');
});

Img Moderator :

Cod:
$(function() {
 $('.Moderator').parent().parent().parent().parent().parent().addClass('ImagineModerator');
});
Tudoor

Tudoor
Membru Forumgratuit

Mesaje : 18
Varsta : 25
Data înscrierii : 16/05/2015
Mulțumiri : 0
Internet Explorer phpBB3

http://opengate.forumz.ro/
Tudoor a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel Dum Mai 24, 2015 10:31 pm

Inlocuieste foaia de still css cu aceasta:
Cod:
li.row {
background-color: #e8ecee;
}

li.row:hover {
background-color: #e8ecee;
}

.module {
background-color: #e6e8ed;
}

#wrap {
padding: 30px;
margin-top: -10px;
margin-bottom: -100px;
}

fieldset dd {
  vertical-align: text-top;
  }

ul.navlinks {
  font-weight: normal;
  text-align: left;
  }

ul.linklist li a img {
  vertical-align: text-top;
  margin: 0 2.5px;
  }

ul.linklist li a img {
cursor: default;}

li.row:hover dd {
  border-left-color: #00 00 FF;
}

li.row {
  border-top-color:  #FFFFFF;
  border-bottom-color: #505C65;
}

.inputbox
{
  border: 1px solid #b4bac0;
  color: #333333;
}

.inputbox:hover
{
  border: 1px solid #11a3ea;
  color: #333333;
}
.inputbox:focus
{
  border: 1px solid #11a3ea;
  color: #105289;
}

.content h1, .panel h1 {
  border-bottom: 1px solid #CCCCCC;
        color: #105289;
  }

.content h2, .panel h2 {
  border-bottom: 1px solid #CCCCCC;
        color: #105289;
  }

h3, .h3 {
  border-bottom: 1px solid #CCCCCC;
        color: #105289;
  }

a.button1, input.button1, a.button2, input.button2, button.button2 {
  border: 1px solid #666666;
  color: #000000;
  }

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
  border: 1px solid #bc2a4d;
  color: #bc2a4d;
  background-position: 0 100%;
  }


select {
  color: #333333;
  border: 1px solid #666666;
  }

a:active {
  color: #368ad2;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
{
  background-color: #FFFFFF;
  border: 1px solid #b4bac0;
  color: #5c758c;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 2px;
  padding: 0 2px;
}

.pagination span a:hover
{
  background-color: #368ad2;
  border-color: #368ad2;
  color: #ffffff;
}

.pagination span a.pag-img {
  border: none;
  background-color: transparent;
}
.pagination span a.pag-img:hover {
  background-color: transparent;
}

.pagination span strong
{
  background-color: #4692bf;
  border: 1px solid #4692bf;
  color: #ffffff;
  font-size: 0.9em;
  margin: 0 2px;
  padding: 0 2px;
  font-weight: normal;
}

.navbar {
        background-color: #dcdee2;
}

.footer-home{
background: url('http://2img.net/i/fa/prosilver/icon_home.gif') no-repeat left;
padding-left: 15px;}

.copyright {
padding:0px}

div#page-footer ul.linklist,.copyright {
padding:0px;}

/* paleta de culori personalizata */

.color-option {
display: inline-block !important;
width: 15px !important;  /* latimea iconitei unei culori */
height: 15px !important;  /* latimea iconitei unei culori */
border: 2px solid #fff !important;  /* chenarul din jurul unei iconite */
margin: 3px !important;  /* spatiul dintre iconite */
box-shadow: 0 0 2px #778899;  /* umbra unei iconite */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* latimea iconitei unei culori */
height: 15px !important;  /* inaltimea iconitei unei culori */
}
.color-option, .color-option span {
border-radius: 2px;  /* colturi rotunjite */ 
}

/* paleta de culori - de latimea acesteia depinde cate culori vor fi adaugate pe fiecare rand in parte */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* latimea paletei de culori */
height: 100px !important;  /* inaltimea paletei de culori */
padding: 5px !important;
border-radius: 5px !important;
}

/* Status ON,OFF */

  .user_status {
        vertical-align:top;
        border-spacing:0;
        display:inline;
    }

    #is_on.user_status { color:green }
    #is_off.user_status { color:red }

    .post #is_on.user_status { display:none }
    .post.online #is_off.user_status{ display:none }
    .post.online #is_on.user_status { display:inline }

 /* Imagini Staff */

div.ImagineAdministrator {
          background-image: url("http://i.imgur.com/szM6AU7.jpg");
          background-position: bottom right;
   
        }
div.ImagineModerator {
          background-image: url("http://i.imgur.com/szM6AU7.jpg");
          background-position: bottom right;
   
        }
/* Tabel 1 */

.tabel1{
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-radius: 10px;
color: #000;
font-size:12px;
font-family: "Myriad Pro";
}

/* Imagine Mesaj +1 Warn , Topic Closed */

.cpinfo1 td{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo1 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/JQ02WVT.gif');
}
.cpinfo2 td{
border: 3px solid;
margin: 10px 0px;
padding:60px 10px 15px 200px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo2 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/SYoUyMS.png');
}
.cpinfo3 td{
border: 3px solid;
margin: 10px 0px;
padding:100px 10px 15px 400px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo3 td{
color: #FFFF00;
background-color: #666666;
background-image: url('http://i.imgur.com/1iGubKZ.png');
}
/* Imagine vot reputatie */

.vote .vote-no-bar{
display: none;
}

.vote{
width: auto;
}

.vote-button{
width: auto;
}

.vote-button a{
font-size: 0px !important;
color: transparent !important;
}

/* Removal of negative voting button in messages */

.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}
Emanuel

Emanuel
Membru onorific
Membru onorific

Mesaje : 3125
Varsta : -5
Data înscrierii : 06/11/2012
Mulțumiri : 844
Safari punBB

http://www.infinigame.biz/
Emanuel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor Mar Mai 26, 2015 8:56 am

Gata.Multumesc Emanuel
Tudoor

Tudoor
Membru Forumgratuit

Mesaje : 18
Varsta : 25
Data înscrierii : 16/05/2015
Mulțumiri : 0
Internet Explorer phpBB3

http://opengate.forumz.ro/
Tudoor a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel Mar Mai 26, 2015 9:55 am

topic rezolvat
Emanuel

Emanuel
Membru onorific
Membru onorific

Mesaje : 3125
Varsta : -5
Data înscrierii : 06/11/2012
Mulțumiri : 844
Safari punBB

http://www.infinigame.biz/
Emanuel a fost mulțumit de autorul acestui subiect.

Pagina 2 din 2 • Înapoi  1, 2

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum