Problema script fundal staff

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Problema script fundal staff

Mesaj Scris de Tudoor la data de Sam 16 Mai - 20:45

Am vrut ca Moderatorilor sa le atribui atunci cand creeaza un post o imagine de fundal ca aici->
Am folosit acest tutorial -> [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Codul CSS unde scrie /* Imagini Staf */->
Ce trebuie sa inlocuiesc ?


Ultima editare efectuata de catre Tudoor in Dum 17 Mai - 18:13, editata de 1 ori

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Dum 17 Mai - 18:00

Buna ziua,

Titlul dumneavoastră nu este explicit si de aceea nu ajuta la gasirea subiectului folosind opțiunea de "Cautare". Va rog sa va schimbati titlul subiectului intr-unul legat de problema dumneavoastra - folositi butonul .
Multumesc pentru intelegere!


Un titlu potrivit este: Problema script fundal staff

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Typlo la data de Lun 18 Mai - 15:30

Bună ziua,

Problema dvs nu este codul, este imaginea. Vă recomand să alegeți o altă imagine, aveți și în tutorial un link către imagini de fundal, căutați alte imagini aproximativ cu aceeași dimensiune pe care le au acelea.


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]|[Trebuie sa fiti inscris si conectat pentru a vedea acest link]|[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Typlo
Analist
Analist

masculin

Mesaje : 1784
Varsta : 18
Localizare : Alba Iulia
Data de inscriere : 08/01/2013
Multumiri : 68
Niciun avertisment

http://help.forumgratuit.ro/forum

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Zeus la data de Lun 18 Mai - 20:24

Buna seara,

Un mic "artific" in CSS3 permite incadrarea exacta a imaginii in cadrul unui element HTML:

Cod:
div.ImagineAdministrator {
          background-size: 100% auto;
}

In cazul in care nu aveti posibilitatea sa editati imaginea respectiva va sfatuiesc sa folositi codul meu. Dezavantajul unui astfel de cod este faptul ca nu este suportat de browsere mai vechi cum ar fi Internet Explorer 6.

Zeus
Administrator
Administrator

masculin

Mesaje : 3913
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Mier 20 Mai - 21:46

Problema mea este ca moderatorii nu au imaginea respectiva.

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Joi 21 Mai - 16:03

Salut,

In [Trebuie sa fiti inscris si conectat pentru a vedea acest link] tutorial spune astfel:
Dvs. puteti modifica numele clasei , din "Administrator" in "Moderator" s.a.m.d, iar apoi, desigur va trebui sa faceti modificarile de rigoare in codurile din cadrul acestui tutorial, inlocuind vechile clase cu cele noi.

Pentru a asocia imaginea unui grup complet, trebuie sa va asigurati ca rang-ul este setat tuturor membrilor din el.


Pentru a adauga si pentru alte grupuri mergeti in:
Panou de Administrare > Utilizatori si grupuri > Ranguri > Administrarea rangurilor:
In rubrica "Titlul rangului:" inseram acest cod:
Cod:
<span class="Moderator">Moderator</span>

Nu uitati sa modificati si codurile javascript si nici cele din foaia de stil css,
Cod:
 $(function() {
 $('.Moderator').parent().parent().parent().parent().parent().addClass('ImagineModerator');
});

CSS:
Cod:
div.ImagineModerator {
          background-image: url("imaginea de fundal");
          background-position: bottom right;
        }
Aceste modificari trebuiesc facute pentru fiecare rang in parte. De acord

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Dum 24 Mai - 20:53

Nu reusesc sa fac sa apara.... Am facut acest lucru de 5 ori si tot nu apare.

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Zeus la data de Dum 24 Mai - 21:07

Nu functioneaza deoarece nu ati adaugat codul CSS specific moderatorilor:

Introdu urmatorul cod in Panou => Afisare => Imagini si culori => Culori => Foaie de stil css:
Cod:
div.ImagineModerator {
          background: url(#) bottom right;
}

In codul meu inlocuieste acel hastag # cu adresa URL a unei imagini anume - este important ca link-ul imaginii sa fie valid pentru ca acest script sa functioneze.

Zeus
Administrator
Administrator

masculin

Mesaje : 3913
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Dum 24 Mai - 21:54

Uite ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- o poza cu CSS

iar ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- cu JavaScript

Trebuie o alta imagine pt fiecare grad in aprte ? nu inteleg... am facut acelasi lucru ca la Administrator... dar acolo merge.

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Dum 24 Mai - 21:58

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Uite ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- o poza cu CSS

iar ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- cu JavaScript

Ambele poze sunt cu foaia de stil css.

Codul pentru moderatori nu functioneaza din cauza d-ului din fata clasei.
ddiv.ImagineModerator {

Elimina primul d. A face cu ochiul

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Dum 24 Mai - 21:58

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Uite ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- o poza cu CSS

iar ->[Trebuie sa fiti inscris si conectat pentru a vedea acest link]<- cu JavaScript

Ambele poze sunt cu foaia de stil css.

Codul pentru moderatori nu functioneaza din cauza d-ului din fata clasei.
ddiv.ImagineModerator {

Elimina primul d. A face cu ochiul

Am facut asta.. nu merge

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Dum 24 Mai - 22:01

Posteaza te rog aici foaia de stil css si codul js folosit. In tag-ul code.

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Dum 24 Mai - 22:15

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://illiweb.com/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 : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

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
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Dum 24 Mai - 22:31

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://illiweb.com/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
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Tudoor la data de Mar 26 Mai - 8:56

Gata.Multumesc Emanuel

Tudoor
Membru Forumgratuit

masculin

Mesaje : 18
Varsta : 17
Data de inscriere : 16/05/2015
Multumiri : 0
Niciun avertisment

http://opengate.forumz.ro/

Sus In jos

Rezolvat Re: Problema script fundal staff

Mesaj Scris de Emanuel la data de Mar 26 Mai - 9:55

topic rezolvat

Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 2960
Data de inscriere : 06/11/2012
Multumiri : 821
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum