Staff en línea
Últimos temas
[Tutorial]  Estructura del Editor de texto de foroactivo y sus selectores Origin10[Ocio] Contemos hasta el 5000
por Fibo Mar Nov 12, 2019 7:51 am

[Tutorial]  Estructura del Editor de texto de foroactivo y sus selectores Origin10[Recursos] Paquetes de iconos
por Fibo Sáb Nov 09, 2019 9:46 pm

[Tutorial] Estructura del Editor de texto de foroactivo y sus selectores
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Vie Ene 01, 2016 8:05 pm, editado 2 veces
[codebox]El editor de texto, es el Sceditor aqui les dejo parte de la documentacion con la que se puede dar estilo[/codebox]

Código:
HTML Structure
Outline of SCEditors HTML structure.

<!-- Main container -->
<div class="sceditor-container">
    <!-- Toolbar container -->
    <div class="sceditor-toolbar">
        <!-- Toolbar group container -->
        <div class="sceditor-group">
            <!-- Toolbar button -->
            <a class="sceditor-button sceditor-button-[name]"
                data-sceditor-command="[name]"
                unselectable="on" title="[name]">
 
                <!-- Toolbar button text container -->
                <div unselectable="on">[tooltip or name]</div>
            </a>
        </div>
    </div>
 
    <!-- Contains the WYSIWYG editor -->
    <iframe></iframe>
 
    <!-- Contains the source mode editor -->
    <textarea></textarea>
 
    <!-- Grip used to resize the editor -->
    <div class="sceditor-grip"></div>
 
    <!-- Used to cover the WYSIWYG editor so mousemove events are still handled -->
    <div class="sceditor-resize-cover"></div>
 
    <!-- This is hidden and only used so that blur() can work -->
    <input>
</div>

CSS Structure
Note: The contents of the WYSIWYG iframe is styled via an external stylesheet which can be passed via the style option in the editors constructor.

div.sceditor-container
The container for the whole editor. The CSS class .sourceMode will be added when in source mode and the class .wysiwygMode will be added when in WYSIWYG mode.

div.sceditor-toolbar
The container for the toolbar.

div.sceditor-group
Toolbar group.
a.sceditor-button
A toolbar button. The class .disabled will be added if the command is not supported in the current mode.
a.sceditor-button-[name]
Same as the previous class but [name] is replaced with the buttons command name, e.g. .sceditor-button-bold, .sceditor-button-italic
div
div containing the buttons accessibility text and normally has the background image is set to the button's icon too
iframe
iframe used for the WYSIWYG editor. This must be selected with the HTML element tag name
textarea
textarea used for the source mode editor. This must be selected with the HTML element tag name
div.sceditor-grip
Grip used to resize the editor
div.sceditor-resize-cover
div which covers the editor during resizing
div.sceditor-dropdown
div containing the dropdown
Chalo
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7022


Puntos :

9140


Me gusta :

1049


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

gracias
Thor
Thor

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

335


Puntos :

419


Me gusta :

78


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.adictosalgear.org

Volver arriba Ir abajo

Gracias bro por el code
Roger
Roger

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

305


Puntos :

343


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

staff
Mensaje automático



[ok]Se movio el tema del subforo CSS a Tutoriales[/ok]
Chalo
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7022


Puntos :

9140


Me gusta :

1049


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.