15 rezultate gasite pentru fff

Crearea unui panou pentru chatbox

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

^{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 fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 2bqHEAa

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

^{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.

^{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'); });

^{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

Personalizarea selectiei de text

Doriti sa va schimbati culoarea selectiei de text pe forumul dumneavoastra?
Acum puteti s-o personalizati cum doriti!

Ce este selectia de text?
Daca nu recunoasteti termenul, selectia de text (in stare nemodificata) este aceasta:
Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Select10

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Select10

Puteti sa-i schimbati culorile cum doriti, ca in exemplul de mai jos:
Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Schimb10

Cum fac asta?

Disponibil pentru toate versiunile de forum !

Mai intai, navigam catre foaia de stil CSS:

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Go-jum10

Panou de administrare Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Arrow10

Afisare

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Images_couleurs

Imagini si culori Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Arrow10

Culori

Foaie de stil CSS

Si lipiti in foaie urmatorul cod:

Cod:: ::selection { background:#COD CULOARE HEX; color:#fff; /* Chrome, Safari si Opera */ } ::-moz-selection { background:#COD CULOARE HEX; color:#fff; /* Firefox */ }

Cum il personalizez?

Dumneavoastra trebuie sa modificati doar codurile ingrosate de mai jos, punand culoarea dorita sub forma de cod hexadecimal.

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Page_c10

::selection { background:{#}COD{/#} CULOARE HEX; color:{#}fff{/#}; /* Chrome, Safari si Opera */ }
::-moz-selection { background:{#}COD{/#} CULOARE HEX; color:{#}fff{/#}; /* Firefox */ }

{#}COD{/#} CULOARE HEX - reprezinta culoarea fundalului selectiei (acel rosu inchis in exemplul de mai sus).
{#}fff{/#} - reprezinta culoarea textului selectat (alb in exemplu).

Succes! Noroc

Personalizati cadrul atasamentelor

In urma actualizarii de saptamana trecuta, Forumgratuit va ofera acest truc pentru a va personaliza atasamentele :

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 29-03-11

Nota

Acest efect apare
numai pentru cei care folosesc
urmatoarele browsere :

Firefox
Safari
Google Chrome

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 09615175839

Adaugari in CSS

Panou de Administrare Afisare Culori Foaie de stil CSS

Adaugati urmatorul cod :

Cod:: .attachbox{ background-color: #191919; background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg'); border: 1px solid #888888; -moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomright: 0px; -webkit-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius-bottomleft: 0px; color:#ffffff; } .attachbox dl.file{ background-color: #212121; margin-top: 8px; padding: 5px; border: 1px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Inreg10

Rezumatul proprietatilor CSS:

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 29-03-12

.attachbox
>> Partea A

background-color: #191919;	>> Culoarea de fundal
background-image: url('http:image.address');	>> Imaginea de fundal
border: 1px solid #888888;	>> Marginile partii A
-moz-border-radius-topleft: 15px; -webkit-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomright: 0px; -webkit-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius-bottomleft: 0px;	>> Cele 4 colturi
color:#ffffff;	>> Culoarea textului al Partii A

.attachbox dl.file
>> Part B

background-color: #212121;	>> Culoarea de fundal
margin-top: 8px;	>> Inaltimea marginii exterioare (de sus) (Vedeti imaginea B)
padding: 5px;	>> Marginea interioara (Vedeti imaginea B)
border: 1px solid #fff;	>> Culoarea cadrului
-moz-border-radius: 15px; -webkit-border-radius: 15px;	>> Cele 4 colturi

Tag fff pe Forum gratuit: forum de suport al utilizatorilor - Pagina 2 Margin10

Imaginea B

Acesta este codul pentru toate patru colturi rotunde:

Cod:: border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;

Cine doreste sa faca doar un colt sau doua rotunde trebuie sa foloseasca codul asta:

Cod:: /* Pentru Mozilla FireFox */ -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; /* Pentru Safari */ -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; /* Pentru Opera, Google Chrome si altele */ border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;