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.

Casute quote,code,spoiler & hide ca pe forumgratuit

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Mier Dec 31, 2014 6:19 pm

Cum as putea sa am si eu pe forumul meu, asemenea forumului de suport casutele "quote, code, spoiler si ascuns"?

Casute quote,code,spoiler & hide ca pe forumgratuit 6iffrs


Ultima editare efectuata de catre baciualex2591 in Joi Ian 01, 2015 2:01 pm, editata de 1 ori
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Mier Dec 31, 2014 6:23 pm

Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Mier Dec 31, 2014 6:43 pm

Codul acesta unde sa fie adaugat?

Cod:
dl.codebox {
  padding: 4px;
  background: #fff;
  border: 1px solid blue;
  border-left-width: 3px;
}
dl.codebox dd,
dl.codebox .spoiler_content {
  border: 0;
  background: transparent;
}
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Mier Dec 31, 2014 6:57 pm

În foaia de stil CSS.
(PA > Afisare > Culori > Foaie de stil CSS)
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Mier Dec 31, 2014 6:59 pm

adaugate, dar nu se vede deloc asa.
conturul este albastru si textul pe galben
Casute quote,code,spoiler & hide ca pe forumgratuit 2q05bi0
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Mier Dec 31, 2014 7:07 pm

Păi puteți să le personalizați cum doriți, modificați la border: 1px solid #369FCF; culoarea cu oricare doriți pentru chenar, iar la color: black; culoarea textului, cu coduri hex https://help.forumgratuit.ro/t15-coduri-culori

Mai jos aveți ceva cât de cât asemănător cu cea de pe suport.
Cod:
dl.codebox {
  padding: 4px;
  background: #fff;
  border: 1px solid #369FCF;
  border-left-width: 3px;
}
dl.codebox dd,
dl.codebox .spoiler_content {
  border: 0;
  background: transparent;
  color: black;
}
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Mier Dec 31, 2014 7:14 pm

ok, si cum pot adauga acele imagini in stanga chenarului?
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Mier Dec 31, 2014 8:05 pm

Navigați în PA > Module > Gestiunea codurilor javascript > Creati un nou cod javascript, Amplasare : Topicuri:
Cod:
$(function(){
  $(".genmed:contains('Cod:')").addClass("boxtitle codetitle");
  $(".genmed:contains('Citat :')").addClass("boxtitle quotetitle");
  $(".genmed:contains('a scris:')").addClass("boxtitle quotetitle");
});

Iar în CSS, pe lângă codul de mai sus, mai adăugați
Cod:

.boxtitle::before,
.spoiler dt::before {
  content: '';
  color: transparent;
  padding: 1px 9px;
  background-repeat: no-repeat;
}
.codetitle::before {
  background-image: url(https://cdn3.iconfinder.com/data/icons/fatcow/16x16_0640/page_white_code.png);
}
.quotetitle::before {
  background-image: url(https://cdn0.iconfinder.com/data/icons/fatcow/16/document_quote.png);
}
.spoiler dt::before {
  background-image:url(https://cdn3.iconfinder.com/data/icons/fatcow/16/page_white_put.png);
Modiciați link-urile imaginilor cu ce imagini doriți, de 16px.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Joi Ian 01, 2015 1:26 pm

adaugat, insa nu mi se vad si icon-urile.
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Joi Ian 01, 2015 1:39 pm

Doar într-un mesaj postat funcționează acele iconuri, nu și în previzualizarea lor. Încercați să postați un mesaj pe forum cu acele căsuțe, și dacă nu merge puneți aici link-ul către mesajul respectiv.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de baciualex2591 Joi Ian 01, 2015 1:57 pm

Multumesc Cosmin. Merg acum! Banana
baciualex2591

baciualex2591
Membru Forumgratuit

Mesaje : 64
Varsta : 32
Localizare : Braila
Data înscrierii : 24/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://stuffpedia.forumz.ro
baciualex2591 a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Casute quote,code,spoiler & hide ca pe forumgratuit

Mesaj Scris de Vizitator Joi Ian 01, 2015 2:03 pm

Cu plăcere. Fericit
topic rezolvat
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum