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!

Modificare code spoiler

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

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Modificare code spoiler

Mesaj Scris de AlexCalin Vin Oct 23, 2015 12:28 am

Cum pot modifica code,spoiler?

Cum este pe platforuma as vrea..

Cod:
blabla


Ultima editare efectuata de catre AlexCalin in Sam Oct 24, 2015 10:19 pm, editata de 1 ori
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare code spoiler

Mesaj Scris de Keir Vin Oct 23, 2015 5:03 pm

Un mic efort pentru a cauta folosind optiunea "Cautare" de sub meniul principal(cel negru) si iata solutia: https://help.forumgratuit.ro/t50180-casute-quotecodespoiler-hide-ca-pe-forumgratuit#352218 .
Keir

Keir
Membru onorific
Membru onorific

Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
Internet Explorer phpBB3

http://neotalk.wikiforum.ro/
Keir a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare code spoiler

Mesaj Scris de AlexCalin Sam Oct 24, 2015 10:07 pm

Am adaugat acele coduri dar rezultatul este .... 
Modificare code spoiler 2chm8tk
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare code spoiler

Mesaj Scris de Vizitator Sam Oct 24, 2015 10:15 pm

Buna seara,

Adaugati acest cod in Gestiunea codurilor JavaScript:
Cod:

(function() {
  var style = document.createElement("style");
  style.type = "text/css";
  style.innerHTML =
      'code.jsCode_block, pre.jsCode_block {' +
      '  background-color: #FAFAFA !important;' +
      '  border: 1px solid #C9C9C9 !important;' +
      '  color: #000000;' +
      '  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
      '  font-size: 11px !important;' +
      '  line-height: 110% !important;' +
      '  margin-top: 0 !important;' +
      '  max-height: 250px !important;' +
      '  overflow: auto !important;' +
      '  padding: 5px !important;' +
      '  white-space: pre-wrap !important;' +
      '  width: auto !important;' +
      '}' +
      '.jsCodetop {' +
      '  background-color: #FFDEAD !important;' +
      '  color: #1D3652;' +
      '  font-size: 10px;' +
      '  font-weight: bold;' +
      '  line-height: 100%;' +
      '  margin-top: 5px;' +
      '  padding: 2px 1px 2px 3px;' +
      '}' +
      '.jsCodetop button {' +
      '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
      '  border: 1px solid #BBBBBB;' +
      '  border-radius: 3px 3px 3px 3px;' +
      '  color: #1D3652;' +
      '  cursor: pointer;' +
      '  display: inline-block;' +
      '  font-size: 10px;' +
      '  padding: 0 6px;' +
      '  text-decoration: none;' +
      '}' +
      '.jsCodetop button:hover {' +
      '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
      '  border-color: #9A9A9A;' +
      '  color: #3D70A3;' +
      '}' +
      '.jsCodetop button:active {' +
      '  position: relative;' +
      '  top: 1px;' +
      '}' +
      'pre.jsCode_block.expand, code.jsCode_block.expand {' +
      '  max-height: 100% !important;' +
      '}' +
      'pre ol.linenums {' +
      '  color: #afafaf;' +
      '  font-size: 12px;' +
      '  list-style: outside none decimal;' +
      '  padding: 5px 0 5px 42px !important;' +
      '  margin: -16px 0 0;' +
      '  width: auto;' +
      '}' +
      'pre ol.linenums li > span {' +
      '  color: #000000;' +
      '}' +
      'pre ol.linenums li {' +
      '  border-left: 3px solid #6ce26c;' +
      '  padding-left: 15px;' +
      '  list-style: inherit;' +
      '  font-size: inherit !important;' +
      '}';
  document.getElementsByTagName("head")[0].appendChild(style);
})();

jQuery(function() {
  var tagCode = jQuery('.cont_code, code'),
      codebox = null;

  for (var i = 0, len = tagCode.length; i < len; i++) {
      codebox = jQuery(tagCode[i]).closest('.codebox');
      codebox.before(
        '<div class="jsCodetop">Code &nbsp; &nbsp; &nbsp; &nbsp;<button onclick="jsCodeExpand(this); return false;">expand</button>' +
        '  <button style="display: none" onclick="jsCodeCollapse(this); return false;">collapse</button>&nbsp; ' +
        '  <button onclick="jsCodeSelect(this); return false;">select</button>&nbsp; ' +
        '  <button onclick="jsCodePopup(this); return false;">popup</button>&nbsp; ' +
        '  <button style="margin-right: 50px; float: right;" onclick="jsCodeAbout(this); return false;">?</button>' +
        '</div>' +
        '<pre class="jsCode_block">' +
        '  <ol class="linenums">' + tagCode[i].innerHTML.replace(/<br>/mg, '<li class="L1"><span>') + '</ol>' +
        '</pre>'
      );
      codebox.remove();
  }
});

function jsCodeExpand(oThis) {
  jQuery(oThis).css('display', 'none');
  jQuery(oThis).next().css('display', '');
  jQuery(oThis).parent().next('pre.jsCode_block').addClass('expand');
}

function jsCodeCollapse(oThis) {
  jQuery(oThis).css('display', 'none');
  jQuery(oThis).prev().css('display', '');
  jQuery(oThis).parent().next('pre.jsCode_block').removeClass('expand');
}

function jsCodePopup(oThis) {
  var content = jQuery(oThis).parent().next('pre.jsCode_block').html();
  var my_window = window.open("", "To select the code: [Ctrl] + [A]", "scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
  my_window.document.write('<pre>' + content + '</pre>');
}

function jsCodeAbout(oThis) {
  alert('Simple code to add line counter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2015/04/10\n');
}

function jsCodeSelect(oThis) {
  var doc = document;
  var text = jQuery(oThis).parent().next('pre.jsCode_block')[0];
  if (doc.body.createTextRange) {
      var range = doc.body.createTextRange();
      range.moveToElementText(text);
      range.select();
  } else if (window.getSelection) {
      var selection = window.getSelection();
      var range = doc.createRange();
      range.selectNodeContents(text);
      selection.removeAllRanges();
      selection.addRange(range);
  }
}

Plasamentul trebuie setat in topicuri.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare code spoiler

Mesaj Scris de AlexCalin Sam Oct 24, 2015 10:19 pm

Arata mai bine acum. Multumesc. Rezolvat Foarte fericit
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Modificare code spoiler

Mesaj Scris de Vizitator Sam Oct 24, 2015 10:20 pm

Modificare code spoiler Solved10Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

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