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!

Data/ora curentă este: Mier Mai 08, 2024 3:25 am

2 rezultate gasite pentru 333

problema la modificarea marimii butoanelor principale.

Buna ziua,am o problema la marirea butoanelor principale,deci uitati cum arata aici [Trebuie sa fiti inscris si conectat pentru a vedea acest link] vedeti ca tabelul albastru al acestor butoane iese din tabel,adica iese din acel chenar.Cum sa il fac mai mic?adica da stiu cum sa il fac mai mic dar problema e ca se face mai mic si sus nu doar jos si ajunge sa arate asa Tag 333 pe Forum gratuit: forum de suport al utilizatorilor Ar10 dar ar trebui sa arate asa Tag 333 pe Forum gratuit: forum de suport al utilizatorilor Bandic18
css la acest cod:
Cod:
#page-header .navbar ul.linklist{
    border-bottom: 3px solid #1b9bff;
    width: auto;
height: 20px;
  color: #ffffff;
font-size: 12px;
 font-weight: 600;
font-family: "Trebuchet Ms";
  border-radius: 0px;
      font-style: italic;
    }
    #page-header .navbar li a:hover, #page-header .navbar li a.active {
    background: #1b9bff;
    }
    #search-box {
    margin-top: -17px;
    position: relative;
    top: -13px;
    }
    #search-box #keywords {
    background: #272727;
    border: 1px solid #454444;
    color: #eee;
    outline: none;
    padding: 5px;
    border-radius: 4px;
    padding-left: 17px;
    background-position: left 1px;
    height: 12px;
    font-family: "Trebuchet Ms";
    }
    #search-box .button2 {
background: #333;
color: #eee;
margin-left: 3px;
padding: 5px;
border: 1px solid #1b9bff;
border-radius: 4px;
height: 23px;
  padding-top: 3px;
  font-family: "Trebuchet Ms";
    }
  

    #page-header .navbar ul.linklist {
    padding: 12.7px 0px !important;
    }
    #page-header .navbar li a {
        padding: 24.7px 15px !important;
    }
    #search-box {
    top: -22px !important;
    }



sau cum sa fac mai bine zis acel tabel de culoarea [Trebuie sa fiti inscris si conectat pentru a vedea acest link] mai mic in latime?ala cafeniu
Scris de alfacraft
la data de Mar Oct 04, 2016 8:00 pm
 
Cauta in: Cos de gunoi
Subiect: problema la modificarea marimii butoanelor principale.
Raspunsuri: 19
Vizualizari: 1652

Crearea unui panou pentru chatbox

Crearea unui panou pentru chatbox

Acest tutorial va explica cum puteti adauga un panou lateral in care puteti plasa chatbox-ul forumlui.

Tag 333 pe Forum gratuit: forum de suport al utilizatorilor A7DjKrf Codul pentru chatbox:

- Pentru pozitionarea panoului in partea stanga, folositi urmatorul cod:
cod:


- Pentru pozitionarea panoului in partea dreapta, folositi urmatorul cod:
cod:


Asta nu e tot insa, trebuie sa modificati urmatoarele imagini:
https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png - "Deschide";
https://i.servimg.com/u/f81/11/21/85/73/fermer10.png - "Inchide".
Inlocuiti link-urile acestor imagini din codul JavaScript de mai sus. Atentie mare la editarea codului, sa nu stergeti in plus ghilimelele sau alte caractere prezente in cod.
Exemple:


Rezultat:
- cind panoul este inchis:
Tag 333 pe Forum gratuit: forum de suport al utilizatorilor 2bqHEAa

- cind panoul este deschis:
Tag 333 pe Forum gratuit: forum de suport al utilizatorilor RdHuVCD

Tag 333 pe Forum gratuit: forum de suport al utilizatorilor A7DjKrf Adaugarea propriului continut in acest panou:

Daca doriti sa adaugati orice alt continut in loc de chatbox-ul de mai sus, puteti folosi unul dintre codurile de mai jos.

- Pentru pozitionarea panoului in partea stanga, folositi urmatorul cod:
cod:


- Pentru pozitionarea panoului in partea dreapta, folositi urmatorul cod:
cod:


Tot ce trebuie sa faceti este sa inlocuiti "Text" cu orice continut doriti: text, imagini, link-uri, coduri etc.

Tag 333 pe Forum gratuit: forum de suport al utilizatorilor A7DjKrf Personalizarea panoului:

Puteti modifica oricand panoul cu ajutorul unor coduri CSS in cazul in care doriti sa faceti acest lucru.

- Schimbarea latimii si inaltimii acestuia:
Cod:
#panneau{
width: 800px !important;
height: 400px !important;
}

width = latime; height = inaltime. Modificati valorile in pixeli.

- Schimbarea culorii sau imaginii de fundal:
Cod:
.panoufix{
background-color: #FFF !important;
background-image: url(Link imagine) !important;
}

Inlocuiti #FFF cu o culoare hexadecimala; si Link imagine cu adresa URL a imaginii de fundal dorite.

- Schimbarea pozitiei:
Cod:
.panoufix{
bottom: 10px !important;
}

10px defineste in acest caz spatiul gol lasat din jos in sus. Modificati valoarea in pixeli pentru un spatiu mai mare sau mai mic.

- Schimbarea culorilor textului:
Cod:
.panoufix{
color: #333 !important;
}

Inlocuiti #333 cu o culoare hexadecimala.

Pentru functionalitatea codurilor CSS de mai sus trebuie sa adaugati urmatorul cod in Gestiunea codurilor JavaScript (pe langa cele de mai sus):
Cod:
$(document).ready(function(){
$('#panneau').parent().parent().parent().parent().addClass('panoufix');
});


Tag 333 pe Forum gratuit: forum de suport al utilizatorilor A7DjKrf Instalarea codurilor:

Codurile CSS se adauga in:
Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS


Codurile JavaScript se adauga in:
Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript



Tutorial realizat de Cassius Dio, actualizat de catre Petronel
Numai bine,
Echipa Forumgratuit
Scris de Cassius Dio
la data de Mar Mar 05, 2013 1:24 pm
 
Cauta in: Tutoriale
Subiect: Crearea unui panou pentru chatbox
Raspunsuri: 0
Vizualizari: 4753

Sus

Mergi direct la: