Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?Tema Solucionado

Dudas sobre BBCodes personalizados


Avatar de Usuario
karbiko
Moderador
Mensajes: 734
Registrado: 27 Jun 2008, 22:44
Género:
Edad: 53

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?

#1

Mensaje por karbiko »

Pues eso, la cuestión es la del título:
¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?
Y, a ser posible, que te ponga el texto que quieras alineado (predeterminadamente centrado)

Supongo que será similar al [hr][/hr] pero he estado haciendo variaciones (o permutaciones de 3 elementos), y no hay manera de que dé con la tecla...

¿Podéis echarme un cable (con esta tontería)?



URL: https://www.fororegistrocivil.es
Demás datos:

Spoiler

Estilos instalados(s): prosilver, Prosilver Dark Edition, prosilver special edition, proflat (en varios colores), Orange_BBEs
Versión instalada: 3.3.2
Extensiones:

Spoiler

24 hour activity stats 1.2.3
Add Bot 1.0.1
Add User 1.0.4
Advanced BBCode Box 3.3.0
Advanced Profile Fields Pack 1.0.3
Advertisement Management 2.0.3
Ajax Base 2.0.0
AJAX Registration Check 1.0.1
[3.2][3.3][RC] Auto db Backup
Auto Drafts 1.1.3
Avatar resize 1.0.0-RC
Avatars on Memberlist 2.0.0
Ban Hammer 1.0.8
Birthday Cake 1.0.2
Blinking counter, for new pm and new notify 1.0.5
Board Announcements 1.1.0
Board Notices Manager 0.5.5
Board Rules 2.1.2
Breadcrumb Menu 1.0.6
Breizh Ajax Preview 1.1.0
Browse Happy 2.0.2-dev
Browser & OS in Viewtopic 1.0.1
cBB Blockgets 2.0.1
cBB Chat 1.2.1
cBB QuickMod 1.1.2
Clipboard Image 2.0.1
Collapsible Forum Categories 2.0.0
Confirm Email 1.0.0
Copyright in footer 1.0.2
Database Optimize & Repair Tool 1.2.0
Default Avatar Extended 1.2.2
Delete My Account 1.0.0
Detailed viewonline 1.0.0
email on birthday 3.1.6
Email List 1.0.2
Extensions .yml check
External Links Open in New Window 1.0.6
File Upload 1.0.3
[3.3][RC] Filter by country 1.0.16
Forumhulp Helper 3.1.15
Genders 1.2.3
gn36 - Customize first post edit permissions 1.2.2
Google Analytics 1.0.5
Google Translator 1.0.3
Group Template Variables
Header Banner 3.2.2
Hide Avatar for guests 1.0.1
Hide Bots 1.0.2
[3.2] [RC] Hide Profile Fields to Groups
HTML email 3.1.7
Imgur 1.6.0
Individual posts per page 1.0.1
Large Font 3.2.3
Last Post Avatar 1.0.3
LF Who Was Here 2 2.0.0
Lightbox 2.0.2
LMDI Autolinks 1.3.3
LMDI My Topics 1.0.12
Linked Accounts 2.1.1
List subforums in columns 2.1.0
Live topic update 1.0.2
Logout Redirect 1.0.1
Magic OGP parser 1.0.6
Mark Post Unread 1.1.1
Mass Notification 1.0.4
Missing files
National Flags 2.1.7
No Custom Profile for guests 1.0.2
No DEA Emails
No Notice Delete PM 1.0.0
No quote last post 1.0.7
Notes 2.0.0
Pages
Page Scrolling 1.4.0
Password Generator
Password Strength 1.2.3
PayPal Donation Extension 2.1.4
phpBB3 SEO Sitemap 1.1.1
phpBB Media Embed PlugIn 1.1.1
phpBB Studio - Google PDF autoembed 1.0.3
PM Name Suggestions 1.1.3
Poster IP in Viewtopic 1.0.2
Posts merging 2.1.1-dev
Precise Similar Topics 1.5.3
Previous / Next topic 1.0.3
Prime note bbcode 1.1.1
Prime Post Revisions 1.0.0-beta9
Prime User Topics
Profile Field Searchable 1.0.5 Extensión de pago
QuickReply Reloaded 2.0.0-beta4
Quick Style 1.3.5
Quoted where 1.0.3
Red title for new topic and new reply 1.0.3
Remember me checked by default 1.0.0
Remove hidden users 0.1.0
Reset login attempts 1.0.2
Right Header Image 3.2.2
Scroll quoted text
[3.3][RC] Selective mass emails 1.0.10
SEO Metadata 1.3.0
Seo Meta Description 1.0.0
Share On 2.0.1
Simple mentions 1.0.5
Simple Spoiler BBCode 2.0.0
Smartfeed 3.0.13
Smart Subjects 1.0.0
Smilie Signs 1.0.2
smilies scroll box 1.0.3
Sortables Captcha 2.0.2
Stop Forum Spam 1.1.9
Subscribe topic in footer
Tabbed stat-block 1.0.2
Tables 2.1.2
Telegram Share 0.1.0-b1. Descargable desde este enlace
Thanks for posts 2.0.7
Topic Author 1.0.4
Topic Description 1.0.4
Topic Preview 2.3.2
Topics Hierarchy 2.1.0
Unique Visits Counter 1.0.3
Upload Extensions 3.2.0-RC, con esta actualización para 3.3.0
User Merge 1.0.4
Username Or Email Password Reset 0.1.0
User Posts in a Topic 1.0.1
User Recent Activity 2.1.1
Whatsapp Share 0.1.0-b1. Descargable desde este enlace
Who Visited This Topic 1.0.7
Who Visited This Topic 0.1.0-RC4.1. Descargable desde este enlace
You Me We Us Filter 1.0.1

Servidor: VPS OVH Linux Debian 10
Versión PHP: 7.3.17-1+0~20200419.57
BBDD: MySQL(i) 10.3.22-MariaDB-0+deb10u1
Actualización: desde 3.3.0


Avatar de Usuario
AbaddonOrmuz
Moderador
Mensajes: 1085
Registrado: 14 Ene 2017, 22:18
Género:

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?

#2

Mensaje por AbaddonOrmuz »

Yo uso algo similar al siguiente:

Imagen

BBCode

Código: Seleccionar todo

[separador]{TEXT;optional}[/separador]

HTML

Código: Seleccionar todo

<div class="separador">
	<xsl:if test="@content and string-length(normalize-space(@content)) > 0">
		<xsl:value-of select="normalize-space(@content)"/>
	</xsl:if>
</div>

Se usa de la siguiente forma:

Sin texto

Código: Seleccionar todo

[separador][/separador]

Con texto (centrado)

Código: Seleccionar todo

[separador]Texto de prueba[/separador]

Y el CSS:

Código: Seleccionar todo

.separador {
	max-width: 99%;
	margin: 0 auto 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.separador:empty::before, .separador:empty::after {
	margin: 0;
}
.separador::before, .separador::after {
	content: '';
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 1px solid #000;
}
.separador::before {
	margin-right: 0.25em;
}
.separador::after {
	margin-left: 0.25em;
}

Algunas de mis extensiones:
Imagen Imgur | :chart_with_upwards_trend: SEO Metadata | Imagen Markdown | :lock: Auto-lock Topics | :mermaid: Mermaid Diagrams
:trophy: Checa todas mi extensiones aprobadas :trophy:

:penguin: Usuario de Arch Linux :penguin:


Avatar de Usuario
karbiko
Moderador
Mensajes: 734
Registrado: 27 Jun 2008, 22:44
Género:
Edad: 53

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?

#3

Mensaje por karbiko »

Me gusta este bbcode, aunque no fuera justo lo que quería hacer....

¿A qué archivo .css añadiría este código?

Por ejemplo, ¿al ./{STYLE}/common.css?


Me refería a hacer algo como ésto:
Imagen

en la que pudiera jugar con la altura de la línea y el ancho (height y width, ¿no?), además de poder poner el texto alineado.

Se me ocurrió el hacerlo con un highlight y ponerle espacios antes y detrás con ALT+255:
[size=200][align=center][highlight=#004f80]    [color=#FFFFFF]Y este texto centrado[/color]    [/highlight][/align][/size]

    Y este texto centrado    

URL: https://www.fororegistrocivil.es
Demás datos:

Spoiler

Estilos instalados(s): prosilver, Prosilver Dark Edition, prosilver special edition, proflat (en varios colores), Orange_BBEs
Versión instalada: 3.3.2
Extensiones:

Spoiler

24 hour activity stats 1.2.3
Add Bot 1.0.1
Add User 1.0.4
Advanced BBCode Box 3.3.0
Advanced Profile Fields Pack 1.0.3
Advertisement Management 2.0.3
Ajax Base 2.0.0
AJAX Registration Check 1.0.1
[3.2][3.3][RC] Auto db Backup
Auto Drafts 1.1.3
Avatar resize 1.0.0-RC
Avatars on Memberlist 2.0.0
Ban Hammer 1.0.8
Birthday Cake 1.0.2
Blinking counter, for new pm and new notify 1.0.5
Board Announcements 1.1.0
Board Notices Manager 0.5.5
Board Rules 2.1.2
Breadcrumb Menu 1.0.6
Breizh Ajax Preview 1.1.0
Browse Happy 2.0.2-dev
Browser & OS in Viewtopic 1.0.1
cBB Blockgets 2.0.1
cBB Chat 1.2.1
cBB QuickMod 1.1.2
Clipboard Image 2.0.1
Collapsible Forum Categories 2.0.0
Confirm Email 1.0.0
Copyright in footer 1.0.2
Database Optimize & Repair Tool 1.2.0
Default Avatar Extended 1.2.2
Delete My Account 1.0.0
Detailed viewonline 1.0.0
email on birthday 3.1.6
Email List 1.0.2
Extensions .yml check
External Links Open in New Window 1.0.6
File Upload 1.0.3
[3.3][RC] Filter by country 1.0.16
Forumhulp Helper 3.1.15
Genders 1.2.3
gn36 - Customize first post edit permissions 1.2.2
Google Analytics 1.0.5
Google Translator 1.0.3
Group Template Variables
Header Banner 3.2.2
Hide Avatar for guests 1.0.1
Hide Bots 1.0.2
[3.2] [RC] Hide Profile Fields to Groups
HTML email 3.1.7
Imgur 1.6.0
Individual posts per page 1.0.1
Large Font 3.2.3
Last Post Avatar 1.0.3
LF Who Was Here 2 2.0.0
Lightbox 2.0.2
LMDI Autolinks 1.3.3
LMDI My Topics 1.0.12
Linked Accounts 2.1.1
List subforums in columns 2.1.0
Live topic update 1.0.2
Logout Redirect 1.0.1
Magic OGP parser 1.0.6
Mark Post Unread 1.1.1
Mass Notification 1.0.4
Missing files
National Flags 2.1.7
No Custom Profile for guests 1.0.2
No DEA Emails
No Notice Delete PM 1.0.0
No quote last post 1.0.7
Notes 2.0.0
Pages
Page Scrolling 1.4.0
Password Generator
Password Strength 1.2.3
PayPal Donation Extension 2.1.4
phpBB3 SEO Sitemap 1.1.1
phpBB Media Embed PlugIn 1.1.1
phpBB Studio - Google PDF autoembed 1.0.3
PM Name Suggestions 1.1.3
Poster IP in Viewtopic 1.0.2
Posts merging 2.1.1-dev
Precise Similar Topics 1.5.3
Previous / Next topic 1.0.3
Prime note bbcode 1.1.1
Prime Post Revisions 1.0.0-beta9
Prime User Topics
Profile Field Searchable 1.0.5 Extensión de pago
QuickReply Reloaded 2.0.0-beta4
Quick Style 1.3.5
Quoted where 1.0.3
Red title for new topic and new reply 1.0.3
Remember me checked by default 1.0.0
Remove hidden users 0.1.0
Reset login attempts 1.0.2
Right Header Image 3.2.2
Scroll quoted text
[3.3][RC] Selective mass emails 1.0.10
SEO Metadata 1.3.0
Seo Meta Description 1.0.0
Share On 2.0.1
Simple mentions 1.0.5
Simple Spoiler BBCode 2.0.0
Smartfeed 3.0.13
Smart Subjects 1.0.0
Smilie Signs 1.0.2
smilies scroll box 1.0.3
Sortables Captcha 2.0.2
Stop Forum Spam 1.1.9
Subscribe topic in footer
Tabbed stat-block 1.0.2
Tables 2.1.2
Telegram Share 0.1.0-b1. Descargable desde este enlace
Thanks for posts 2.0.7
Topic Author 1.0.4
Topic Description 1.0.4
Topic Preview 2.3.2
Topics Hierarchy 2.1.0
Unique Visits Counter 1.0.3
Upload Extensions 3.2.0-RC, con esta actualización para 3.3.0
User Merge 1.0.4
Username Or Email Password Reset 0.1.0
User Posts in a Topic 1.0.1
User Recent Activity 2.1.1
Whatsapp Share 0.1.0-b1. Descargable desde este enlace
Who Visited This Topic 1.0.7
Who Visited This Topic 0.1.0-RC4.1. Descargable desde este enlace
You Me We Us Filter 1.0.1

Servidor: VPS OVH Linux Debian 10
Versión PHP: 7.3.17-1+0~20200419.57
BBDD: MySQL(i) 10.3.22-MariaDB-0+deb10u1
Actualización: desde 3.3.0


Avatar de Usuario
AbaddonOrmuz
Moderador
Mensajes: 1085
Registrado: 14 Ene 2017, 22:18
Género:

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?  Tema Solucionado

#4

Mensaje por AbaddonOrmuz »

Ok... como comentaste que era una línea y similar a hr supuse que querías algo como un separador de texto.

Entonces no es una línea sino un fondo para un texto, que sería algo como (no lo he probado):

Código: Seleccionar todo

[cab]{TEXT}[/cab]

Código: Seleccionar todo

<div class="cabecera">{TEXT}</div>

Y el CSS:

Código: Seleccionar todo

.cabecera {
	background-color: #004f80;
	color: #eee;
	padding: 0.5em;
	text-align: center;
	max-width: 96%;
	margin: 0 auto;
	
	/* olpcional */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Las líneas opcionales es en caso que quieras que inclusive colocando un texto muy largo, solo ocupe una línea (se ocultará el exceso).

karbiko escribió: 26 Oct 2020, 14:40

¿A qué archivo .css añadiría este código?

Cualquiera realmente, no hace diferencia.

karbiko escribió: 26 Oct 2020, 14:40

en la que pudiera jugar con la altura de la línea y el ancho (height y width, ¿no?), además de poder poner el texto alineado.

El ancho se puede controlar con width, el alto dependiendo si quieres que el texto sea grande también, podrías aumentar font-size o line-height + height.

Algunas de mis extensiones:
Imagen Imgur | :chart_with_upwards_trend: SEO Metadata | Imagen Markdown | :lock: Auto-lock Topics | :mermaid: Mermaid Diagrams
:trophy: Checa todas mi extensiones aprobadas :trophy:

:penguin: Usuario de Arch Linux :penguin:


Avatar de Usuario
karbiko
Moderador
Mensajes: 734
Registrado: 27 Jun 2008, 22:44
Género:
Edad: 53

¿Cómo crear un bbcode que te ponga toda una línea de unas determinadas altura, anchura y color?

#5

Mensaje por karbiko »

¡¡Muchas gracias!!

Me has dado un 2x1!! :D :D

URL: https://www.fororegistrocivil.es
Demás datos:

Spoiler

Estilos instalados(s): prosilver, Prosilver Dark Edition, prosilver special edition, proflat (en varios colores), Orange_BBEs
Versión instalada: 3.3.2
Extensiones:

Spoiler

24 hour activity stats 1.2.3
Add Bot 1.0.1
Add User 1.0.4
Advanced BBCode Box 3.3.0
Advanced Profile Fields Pack 1.0.3
Advertisement Management 2.0.3
Ajax Base 2.0.0
AJAX Registration Check 1.0.1
[3.2][3.3][RC] Auto db Backup
Auto Drafts 1.1.3
Avatar resize 1.0.0-RC
Avatars on Memberlist 2.0.0
Ban Hammer 1.0.8
Birthday Cake 1.0.2
Blinking counter, for new pm and new notify 1.0.5
Board Announcements 1.1.0
Board Notices Manager 0.5.5
Board Rules 2.1.2
Breadcrumb Menu 1.0.6
Breizh Ajax Preview 1.1.0
Browse Happy 2.0.2-dev
Browser & OS in Viewtopic 1.0.1
cBB Blockgets 2.0.1
cBB Chat 1.2.1
cBB QuickMod 1.1.2
Clipboard Image 2.0.1
Collapsible Forum Categories 2.0.0
Confirm Email 1.0.0
Copyright in footer 1.0.2
Database Optimize & Repair Tool 1.2.0
Default Avatar Extended 1.2.2
Delete My Account 1.0.0
Detailed viewonline 1.0.0
email on birthday 3.1.6
Email List 1.0.2
Extensions .yml check
External Links Open in New Window 1.0.6
File Upload 1.0.3
[3.3][RC] Filter by country 1.0.16
Forumhulp Helper 3.1.15
Genders 1.2.3
gn36 - Customize first post edit permissions 1.2.2
Google Analytics 1.0.5
Google Translator 1.0.3
Group Template Variables
Header Banner 3.2.2
Hide Avatar for guests 1.0.1
Hide Bots 1.0.2
[3.2] [RC] Hide Profile Fields to Groups
HTML email 3.1.7
Imgur 1.6.0
Individual posts per page 1.0.1
Large Font 3.2.3
Last Post Avatar 1.0.3
LF Who Was Here 2 2.0.0
Lightbox 2.0.2
LMDI Autolinks 1.3.3
LMDI My Topics 1.0.12
Linked Accounts 2.1.1
List subforums in columns 2.1.0
Live topic update 1.0.2
Logout Redirect 1.0.1
Magic OGP parser 1.0.6
Mark Post Unread 1.1.1
Mass Notification 1.0.4
Missing files
National Flags 2.1.7
No Custom Profile for guests 1.0.2
No DEA Emails
No Notice Delete PM 1.0.0
No quote last post 1.0.7
Notes 2.0.0
Pages
Page Scrolling 1.4.0
Password Generator
Password Strength 1.2.3
PayPal Donation Extension 2.1.4
phpBB3 SEO Sitemap 1.1.1
phpBB Media Embed PlugIn 1.1.1
phpBB Studio - Google PDF autoembed 1.0.3
PM Name Suggestions 1.1.3
Poster IP in Viewtopic 1.0.2
Posts merging 2.1.1-dev
Precise Similar Topics 1.5.3
Previous / Next topic 1.0.3
Prime note bbcode 1.1.1
Prime Post Revisions 1.0.0-beta9
Prime User Topics
Profile Field Searchable 1.0.5 Extensión de pago
QuickReply Reloaded 2.0.0-beta4
Quick Style 1.3.5
Quoted where 1.0.3
Red title for new topic and new reply 1.0.3
Remember me checked by default 1.0.0
Remove hidden users 0.1.0
Reset login attempts 1.0.2
Right Header Image 3.2.2
Scroll quoted text
[3.3][RC] Selective mass emails 1.0.10
SEO Metadata 1.3.0
Seo Meta Description 1.0.0
Share On 2.0.1
Simple mentions 1.0.5
Simple Spoiler BBCode 2.0.0
Smartfeed 3.0.13
Smart Subjects 1.0.0
Smilie Signs 1.0.2
smilies scroll box 1.0.3
Sortables Captcha 2.0.2
Stop Forum Spam 1.1.9
Subscribe topic in footer
Tabbed stat-block 1.0.2
Tables 2.1.2
Telegram Share 0.1.0-b1. Descargable desde este enlace
Thanks for posts 2.0.7
Topic Author 1.0.4
Topic Description 1.0.4
Topic Preview 2.3.2
Topics Hierarchy 2.1.0
Unique Visits Counter 1.0.3
Upload Extensions 3.2.0-RC, con esta actualización para 3.3.0
User Merge 1.0.4
Username Or Email Password Reset 0.1.0
User Posts in a Topic 1.0.1
User Recent Activity 2.1.1
Whatsapp Share 0.1.0-b1. Descargable desde este enlace
Who Visited This Topic 1.0.7
Who Visited This Topic 0.1.0-RC4.1. Descargable desde este enlace
You Me We Us Filter 1.0.1

Servidor: VPS OVH Linux Debian 10
Versión PHP: 7.3.17-1+0~20200419.57
BBDD: MySQL(i) 10.3.22-MariaDB-0+deb10u1
Actualización: desde 3.3.0



Volver a “❓ Dudas sobre BBCode”