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 Duplicar "bloque de info" en Página Personalizada?

Foros de soporte phpBB 3.1.x
Cerrado
uruguayito
Ex Staff
Mensajes: 1435
Registrado: 04 Mar 2009, 16:17
Género:
Edad: 51

¿Cómo Duplicar "bloque de info" en Página Personalizada?

#1

Mensaje por uruguayito »

Mi página personalizada la hice con la ayuda que me dio Raúl acá: http://www.phpbb-es.com/foro/viewtopic. ... 31#p233931

Eso me muestra parcialmente esto:
1.jpg
Me gustaría poner otro "bloque" del mismo tamaño, sobre la derecha con temas extraídos de otros foros .
Que quedara algo así:
1.jpg
¿Cómo hago eso :oops: ?

Antes de pedir ayuda, recuerda poner tus datos de soporte.
Lee las: Normas de Soporte en phpBB España


Mis datos para Soporte: | Mostrar
Foro: http://amigosenlaruta.com/foro
Servidor: De pago
Versión phpbb: 3.2
Estilos: Prosilver

Extensiones habilitadas:
24 hour activity stats 1.0.3
Add User 1.0.3
Advanced Active Topics 1.0.2
Ajax Base 2.0.0
AJAX Registration check 1.0.0
Auto database backup (3.2) 2.1.0-rc2
Boardtalk Fixed Menu for Prosilver 0.0.2
Database Optimize & Repair Tool 1.1.1
Delete my registration 1.0.3
Detailed viewonline 1.0.0
E-mail on birthday 3.1.4
External Links Open in New Window 1.0.5
Favicon 0.0.2
File Download 1.0.2
First post on every page 2.0.2
Fixed footer navbar 1.0.3
Font 1.0.2
Forum Icons 1.0.2
Genders 1.1.1
Header Link 1.0.0_RC10
Inactive User Manager 0.9.8
Lightbox 1.0.4
LMDI Autolinks 1.1.0
Local URL To Text 1.1.0-beta1
Member Profile Views 1.0.3
Mobile Device 1.0.1
Multi Ranks 1.0.0
Newest members 1.0.2
News Scroll 1.0.1_RC3
New Topic Button in Topic 1.0.0
No Custom Profile for guests 1.0.2
phpBB.de - Move Message 1.0.0
phpBB 3.2 Advanced Board Announcements 0.9.0
phpBB 3.2 Birthday Control 1.0.2
phpBB Media Embed PlugIn 1.0.0-rc1
phpBB mentions 1.0.0-RC1
Posting Buttons 1.0.1
Post Numbers 1.1.0
Posts merging 2.0.2
Precise Similar Topics 1.4.1
Pretty Topic 1.0.1
Quick Mod Top 1.0.2
Quoted Images as Thumbnails 1.0.1
Read Members PM 1.0.0
Red title for new topic and new reply 1.0.3
ReIMG Image Resizer 3.0.0-b1
Show First Post Only to Guest 1.2.2
Site logo (3.2) 2.1.0-rc6
Smart Subjects 1.0.0-b3
Social Sharing w/Dyanmic Opengraph Tags 1.0.0
Subscribe Topic in footer 1.0.0
Tapatalk Plugin for phpBB 3.1/3.2 2.0.3
Thanks for posts 2.0.3-dev
TinyPic Link 1.0.0
Topic/Post Attachments on Index and View Forum pages 0.0.6-dev
Topic Age Day 1.0.2
Topic Author 1.0.2
Topic Restriction 1.0.1
Topics Hierarchy 2.0.0-RC1
Topic Solved 2.2.0
Topic Title Colour 1.0.0-a1
Upcoming Birthdays 1.0.3
User login redirect 1.1.0
User Recent Activity 2.0.0
VigLink 1.0.0
Who Visited This Topic 1.0.5
XML Sitemap 0.1.4
Встроенные изображения в приложении. Inline images in attachment

uruguayito
Ex Staff
Mensajes: 1435
Registrado: 04 Mar 2009, 16:17
Género:
Edad: 51

Re: ¿Cómo Duplicar "bloque de info" en Página Personalizada?

#2

Mensaje por uruguayito »

Para cuando alguien tenga un ratito libre ;)

Antes de pedir ayuda, recuerda poner tus datos de soporte.
Lee las: Normas de Soporte en phpBB España


Mis datos para Soporte: | Mostrar
Foro: http://amigosenlaruta.com/foro
Servidor: De pago
Versión phpbb: 3.2
Estilos: Prosilver

Extensiones habilitadas:
24 hour activity stats 1.0.3
Add User 1.0.3
Advanced Active Topics 1.0.2
Ajax Base 2.0.0
AJAX Registration check 1.0.0
Auto database backup (3.2) 2.1.0-rc2
Boardtalk Fixed Menu for Prosilver 0.0.2
Database Optimize & Repair Tool 1.1.1
Delete my registration 1.0.3
Detailed viewonline 1.0.0
E-mail on birthday 3.1.4
External Links Open in New Window 1.0.5
Favicon 0.0.2
File Download 1.0.2
First post on every page 2.0.2
Fixed footer navbar 1.0.3
Font 1.0.2
Forum Icons 1.0.2
Genders 1.1.1
Header Link 1.0.0_RC10
Inactive User Manager 0.9.8
Lightbox 1.0.4
LMDI Autolinks 1.1.0
Local URL To Text 1.1.0-beta1
Member Profile Views 1.0.3
Mobile Device 1.0.1
Multi Ranks 1.0.0
Newest members 1.0.2
News Scroll 1.0.1_RC3
New Topic Button in Topic 1.0.0
No Custom Profile for guests 1.0.2
phpBB.de - Move Message 1.0.0
phpBB 3.2 Advanced Board Announcements 0.9.0
phpBB 3.2 Birthday Control 1.0.2
phpBB Media Embed PlugIn 1.0.0-rc1
phpBB mentions 1.0.0-RC1
Posting Buttons 1.0.1
Post Numbers 1.1.0
Posts merging 2.0.2
Precise Similar Topics 1.4.1
Pretty Topic 1.0.1
Quick Mod Top 1.0.2
Quoted Images as Thumbnails 1.0.1
Read Members PM 1.0.0
Red title for new topic and new reply 1.0.3
ReIMG Image Resizer 3.0.0-b1
Show First Post Only to Guest 1.2.2
Site logo (3.2) 2.1.0-rc6
Smart Subjects 1.0.0-b3
Social Sharing w/Dyanmic Opengraph Tags 1.0.0
Subscribe Topic in footer 1.0.0
Tapatalk Plugin for phpBB 3.1/3.2 2.0.3
Thanks for posts 2.0.3-dev
TinyPic Link 1.0.0
Topic/Post Attachments on Index and View Forum pages 0.0.6-dev
Topic Age Day 1.0.2
Topic Author 1.0.2
Topic Restriction 1.0.1
Topics Hierarchy 2.0.0-RC1
Topic Solved 2.2.0
Topic Title Colour 1.0.0-a1
Upcoming Birthdays 1.0.3
User login redirect 1.1.0
User Recent Activity 2.0.0
VigLink 1.0.0
Who Visited This Topic 1.0.5
XML Sitemap 0.1.4
Встроенные изображения в приложении. Inline images in attachment

Avatar de Usuario
canidev
Moderador
Mensajes: 708
Registrado: 30 Jun 2011, 17:06
Género:
Edad: 38

Re: ¿Cómo Duplicar "bloque de info" en Página Personalizada?

#3

Mensaje por canidev »

No he hecho pruebas pero, por lo que veo en el código que te puso The Kuka en su dia tienes este div <div id="main">.
Lo que puedes hacer es duplicar ese div entero y después tienes tres opciones, usar bloques flotantes, usar tablas o usar bloques "en linea".

(en los ejemplos no pongo el id="main" porque no "debe" ponerse el mismo id en dos elementos distintos.

1. Flotantes. Usando float left y float right:
El primer div quedaría así:

Código: Seleccionar todo

<div style="float:left; width:49%;">
y el segundo asi:

Código: Seleccionar todo

<div style="float:right; width:49%;">
2. Usando tablas:
los divs quedarían asi:

Código: Seleccionar todo

<div style="display:table-cell; width: 50%;">
Este método no funciona en todos los navegadores.

3. Usando bloques "en linea"
Es parecido al de las tablas, pero en lugar de "table-cell" se usa "inline-block".

Código: Seleccionar todo

<div style="display:inline-block; width: 49%; vertical-align: top;">
En todos los ejemplos pongo el width "ancho" igual para los dos bloques, pero es un valor que puedes modificar si quieres que uno sea más grande que el otro.

Cerrado

Volver a “Foros de Soporte 3.1.x”