d i x i n m o r t a l

GRÁFICOS + CÓDIGOS + ESCRITURA

Special Signature
(52) El amor esta en el aire - Vesta
ver tema
Code Challenge
(24) Oh Romeo... ━ Puck
ver tema
TUTO + CÓDIGO
[CSS] Pseudoclase :Hasver tema
TUTO + CÓDIGO
Cambiar skin segun grupover tema
TUTO + CÓDIGO
Copiar Todo (Copy All)ver tema
TUTO + CÓDIGO
Contraseña en tablillasver tema
TUTO + CODIGO
Enlazar Tablillas de Afiliaciónver tema
Últimos temas
¡Hola a todos!Miér Mayo 08, 2024 4:09 amPuck
#002 Libro de firmasJue Mayo 02, 2024 12:30 pmDuban Black
Afiliación Pangea Ultima | ÉliteVie Abr 19, 2024 8:07 pmRoshio
Runaterra RP [Afil. Élite] Vie Abr 19, 2024 8:06 pmRoshio
Un fantasmita ha aparecido...Lun Mar 25, 2024 3:05 amMayhem
Pokémon Vjola | Afiliación EliteMar Mar 19, 2024 2:57 amApolo
Designspiration - Afiliación EliteMar Mar 19, 2024 2:56 amApolo
Buenas madrugadas~Lun Mar 04, 2024 12:02 pmYukari
¿Qué estás escuchando?Lun Feb 19, 2024 12:09 pmretrxrbit
élites + hermanas
Actualización: 27/09/2023
nuestros ➹ directorios
Agradecimiento especial al artista Faustine Dumontier por la ilustración de fondo que adorna el foro.
Challenge Gráfico

Próx

Special Signature

Bridgerton

Pelea Gráfica

Luz vs Oscuridad

Challenge Código

Paraíso Personal

Challenge literario

Amor y Amistad


Ver el tema anteriorIr abajoVer el tema siguiente
Wicked Darkness
Wicked Darkness
User Mortal
Jue Mar 14, 2019 4:04 pm
campo2 Mensajes :
70


campo3 Blood :
318980


campo4 Frasesita :
~ Gorgeous ~

Damon love

Bueno, no quiero extenderme demasiado, pero la realidad es que hace rato queria editar como se ven los posts especiales como las notas y los anuncios y demas. Entonces me puse a investigar el template (topics_list_box) por mi cuenta. No se como es que realmente termine logrando el diseño que queria aunque me gustaria agregarle algunos detalles. Hasta ahi todo va bien, el problema viene cuando publico posts normales, estos terminan saliendo con el MISMO diseño de los posts especiales y yo solo queria editar los especiales pero parece que termine cambiando todo.

Dejo aca abajo el code que uso en el template y una imagen para que vean mejor a lo que me refiero. No estoy segura de que pueda poner link al foro asi que si alguien lo necesita puedo proporcionarlo por otro metodo o si se puede por aqui lo agrego en hide.


Código:
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Laila|Lato|Major+Mono+Display|Martel|Mr+De+Haviland" rel="stylesheet">
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">

 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('MAIN');

 var all_checked = true;

 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }

 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }

 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
 {
 alert('ALL');

 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
 {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
 {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }

 </script>
 <!-- END multi_selection -->

 <div class="forumbg announcement">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <dt>
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 </dt>
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
 <strong>{topics_list_box.row.L_TITLE}8</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

 <!-- BEGIN table_sticky -->
 </ul>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <div class="forumbg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist topics">
 <li class="header">
 <dl class="icon">
 <!--<dd class="dterm">-->
 <dd class="dterm" style="padding-left:0;">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <div class="titulodentrodesubforosdetemassimples">
            {topics_list_box.row.topic.table_sticky.L_TITLE}</div>
 </dd>
 <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
 </dl>
 </li>
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

 <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
 <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
 <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END single_selection -->
</dd>

<div class="forumbg announcement">
 <div class="tabladentrodesubforosanoun">
  <table>
    <tbody>
      <tr>
<td rowspan="2"><div class="titulodentrodesubforosanoun"><div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div></div></td>
        
        <td rowspan="2"><div class="imagendentrodesubforosanoun"></div></td>
        
        <td><div class="autordentrodesubforosanoun">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></td>      
      </tr>
      <tr>
        
        <td><div class="ultmensajedentrodesubforosanoun"><span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
 <br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span></div></td>
        
<td rowspan="2"><div class="numeroderespuestasdentrodesubforosanoun">Respuestas: <br/><dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd></div></td>
        
      </tr>
    </tbody>
  </table>
 </div>
</div>
        
 <!-- BEGIN multi_selection -->
 <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END multi_selection -->
 
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->

 <span class="corners-bottom"><span></span></span>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->


Imagen:



campo2 Mensajes :
70


campo3 Blood :
318980


campo4 Frasesita :
~ Gorgeous ~

Damon love

5 años
¡5 años juntos!
50 mensajes publicados
Roshio
Roshio
Webmaster
Jue Mar 14, 2019 5:23 pm
campo2 Mensajes :
2489


campo3 Blood :
1306229


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
[Duda] Editar el aspecto de los posts y los posts especiales desde el template F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

[Duda] Editar el aspecto de los posts y los posts especiales desde el template B1

Hola, Wicked. Para solucionar tu problema es muy fácil.

1. Primero debes tener tus temas divididos por una tabla, vas a tu Panel de Administración > General > Mensajes y Email > Separar los anuncios y las Notas de los mensajes.

[Duda] Editar el aspecto de los posts y los posts especiales desde el template 33oh153

2. Ahora usando el inspector de elementos podrás ver que se añade una etiqueta nueva en tu div de .forumbg que es .announcement, y esto solo enfoca al área de temas especiales como anuncios, notas, etc.

3. Ahora solo tienes que editar usando CSS o incluso añadiendo divs especiales en el template o moviendolos con JS, pero la forma más sencilla es con CSS.

Código:
.forumbg.announcement li.row {
    padding: 20px 0;
    border: 10px solid red;
}

Si te fijas, estamos editando solo el li.row que esta dentro de la zona de annoucement, por lo que es muy importante que siempre pongas estas etiquetas para que los cambios que hagas solo se apliquen a estos elementos.

[Duda] Editar el aspecto de los posts y los posts especiales desde el template 20z1r34

Espero que te haya servido [Duda] Editar el aspecto de los posts y los posts especiales desde el template 4263204366 Cualquier duda estoy por aquí.










campo2 Mensajes :
2489


campo3 Blood :
1306229


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
[Duda] Editar el aspecto de los posts y los posts especiales desde el template F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

[Duda] Editar el aspecto de los posts y los posts especiales desde el template B1

Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
Conejo de Pascua
Mini evento 2024
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.