Small Pirate

hola todoss los spirateros

hoy vengo con este bbc del spoiler
el q posteo 002 era para la v 2.0
yo lo adapte (weee tampoco es una re adaptacion pero sirve para los novatos)








primero agregan esto en su css(estilo-sp.css)

/*

BOTON SPOILER

*/
div.spoiler-wrapper   {
   border:solid 1px #ccc;
   padding:4px;
   margin:3px;
   -moz-border-radius:10px;      
   -webkit-border-radius:10px;
}
div.spoiler-wrapper input[type=button],div.spoiler-wrapper input[type=submit]   {
   padding:3px;
   margin:3px;
   background:#E7F2F8;
   border-top:solid 1px #cccccc;
   border-left:solid 1px #cccccc;
   border-right:solid 1px #666666;
   border-bottom:solid 1px #666666;
   outline:none;
   -moz-border-radius:10px;      
   -webkit-border-radius:10px; 
}
div.spoiler-wrapper input[type=button]:hover,div.spoiler-wrapper input[type=submit]:hover   {
   padding:3px;
   margin:3px;
   background:#CDDFE9;
   border-top:solid 1px #666666;
   border-left:solid 1px #666666;
   border-right:solid 1px #cccccc;
   border-bottom:solid 1px #cccccc;
}

y en el mismo archivo

buscan

.markItUp .markItUpButton15 a, .markitcomment .markItUp .markItUpButton9 a{background:transparent url('images/icons/bbcode.gif') no-repeat scroll left top;background-position:left -160px;height:10px;}

y abajo ponen

.markItUp .markItUpButton16 a{background:transparent url('images/icons/spoiler.gif') no-repeat scroll left top;background-position:left -0px;height:10px;}

En el archivo Subs.php buscan por

array(
            'tag' => 'white',
            'before' => '<span style="color: white;">',
            'after' => '</span>',
                 ),

y antes de eso ponen

/* Spoiler*/
         array(
            'tag' => 'spoiler',
            'before' => '<div class="spoiler-wrapper"><div class="smallfont"><input type="button" value="Mostrar" onclick="if (this.parentNode.parentNode.getElementsByTagName(\'div\')[1].getElementsByTagName(\'div\')[0].style.display != \'\') { this.parentNode.parentNode.getElementsByTagName(\'div\')[1].getElementsByTagName(\'div\')[0].style.display = \'\';this.innerText = \'\'; this.value = \'Ocultar\'; } else { this.parentNode.parentNode.getElementsByTagName(\'div\')[1].getElementsByTagName(\'div\')[0].style.display = \'none\'; this.innerText = \'\'; this.value = \'Mostrar\'; }" /></div><div class="spoiler-content"><div style="display: none;">',
            'after' => '</div></div></div>',
            'block_level' => true,
         ),
         /* fin Spoiler*/

y ahora en acciones-sp.js DEL THEME DEFAULT
buscan

{name:'Fuente', dropMenu :[
            {name:'Arial', openWith:'[font=Arial]', closeWith:'[/font]' },
            {name:'Courier New', openWith:'[font=Courier New]', closeWith:'[/font]' },
            {name:'Georgia', openWith:'[font=Georgia]', closeWith:'[/font]' },
            {name:'Times New Roman', openWith:'[font=Times New Roman]', closeWith:'[/font]' },
            {name:'Verdana', openWith:'[font=Verdana]', closeWith:'[/font]' },
            {name:'Trebuchet MS', openWith:'[font=Trebuchet MS]', closeWith:'[/font]' },
            {name:'Lucida Sans', openWith:'[font=Lucida Sans]', closeWith:'[/font]' },
            {name:'Comic Sans', openWith:'[font=Comic Sans]', closeWith:'[/font]' }
        ]},
        {separator:'-' },
        {name:'Insertar video de YouTube', beforeInsert:function(h){ markit_yt(h); }},
        {name:'Insertar video de Google Video', beforeInsert:function(h){ markit_gv(h); }},
        {name:'Insertar archivo SWF', beforeInsert:function(h){ markit_swf(h); }},
        {name:'Insertar Imagen', beforeInsert:function(h){ markit_img(h); }},
        {name:'Insertar Link', beforeInsert:function(h){ markit_url(h); }},
        {name:'Citar', beforeInsert:function(h){ markit_quote(h); }},

y lo reemplazan por

{name:'Fuente', dropMenu :[
            {name:'Arial', openWith:'[font=Arial]', closeWith:'[/font]' },
            {name:'Courier New', openWith:'[font=Courier New]', closeWith:'[/font]' },
            {name:'Georgia', openWith:'[font=Georgia]', closeWith:'[/font]' },
            {name:'Times New Roman', openWith:'[font=Times New Roman]', closeWith:'[/font]' },
            {name:'Verdana', openWith:'[font=Verdana]', closeWith:'[/font]' },
            {name:'Trebuchet MS', openWith:'[font=Trebuchet MS]', closeWith:'[/font]' },
            {name:'Lucida Sans', openWith:'[font=Lucida Sans]', closeWith:'[/font]' },
            {name:'Comic Sans', openWith:'[font=Comic Sans]', closeWith:'[/font]' }
        ]},
        {separator:'-' },
        {name:'Insertar video de YouTube', beforeInsert:function(h){ markit_yt(h); }},
        {name:'Insertar video de Google Video', beforeInsert:function(h){ markit_gv(h); }},
        {name:'Insertar archivo SWF', beforeInsert:function(h){ markit_swf(h); }},
        {name:'Insertar Imagen', beforeInsert:function(h){ markit_img(h); }},
        {name:'Insertar Link', beforeInsert:function(h){ markit_url(h); }},
        {name:'Citar', beforeInsert:function(h){ markit_quote(h); }},
        {name:'Ocultar contenido', key:'', openWith:'[Spoiler]', closeWith:'[/Spoiler]'},

y ahora descargan la imagen adjunta
y la suben a TUTHEME/images/icons

y listo ya pueden disfrutar del bbc  :yahoo: :yahoo:

creditos: 002(por realizar el bbc y crear los codes)


sos groso 002 sabelo  :good: :good:


pd : me voy a dedicar a haser algunos bbcs

gracias por el bbc...toma  +1 power  :up:

no me andubo no aparece el boton de Sp

Buenicimo +1!

che que buen aporte!