Búsqueda alternativa
Menú alternativo
121
19,2 mil
14
65,4 mil
Cordobapedia
Toggle preferences menu
Menú alternativo personal
No has accedido
Tu dirección IP será visible si haces alguna edición

Diferencia entre revisiones de «Portada»

De Cordobapedia
Más acciones
← Edición anterior
VisualWikitexto
Sin resumen de edición
Etiqueta: Revertido
Sin resumen de edición
 
(No se muestran 15 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<!-- ENCICLOPEDIA DE CÓRDOBA - PORTADA MODERNA -->
<!-- Banner Principal con Logo -->
<div style="position: relative; text-align: center; color: white;">
[[Imagen:Campana de la Iglesia de la Compañía.png|1000px|center|alt=Puente Romano de Córdoba]]


<!-- Banner Principal con Logo y Efecto Parallax -->
<!-- Texto del Banner -->
<div style="position: relative; overflow: hidden; height: 400px;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-weight: bold; text-shadow: 2px 2px 4px #000;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
Enciclopedia de Córdoba
     [[Imagen:Cordoba-desde-la-compania-3.jpg|center|alt=Vista panorámica de Córdoba|style=width:100%; height:400px; object-fit:cover;]]
</div>
</div>
 
<!-- Cabecera con Información -->
<div style="text-align: center; margin-top: 30px;">
  <p style="font-size: 17px; line-height: 1.4; margin-top: 10px;">
     <br>   
    Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong><br />
    Desde el 24 de octubre de 2005 hemos generado <big><strong>{{NUMBEROFPAGES}}</strong></big> páginas y albergamos <big><strong>{{NUMBEROFFILES}}</strong></big> imágenes.
  </p>
 
  <!-- Barra de Búsqueda -->
  <div class="responsive-inputbox" style="margin-top: 15px;">
    <inputbox>
      type=search
      buttonlabel=Buscar en Cordobapedia
      searchbuttonlabel=Ir
      placeholder=Busca sobre Córdoba
    </inputbox>
   </div>
   </div>
  <!-- Capa oscura semitransparente -->
</div>
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);"></div>
<!-- Fila de 3 cajas responsive -->
   <!-- Contenido del Banner -->
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 16px; margin-top: 30px;">
   <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%;">
 
     <h1 style="font-size: 3.5rem; font-weight: 700; color: white; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); margin-bottom: 1rem; font-family: 'Playfair Display', serif;">Enciclopedia de Córdoba</h1>
   <!-- Caja 1: Historia -->
     <p style="color: white; font-size: 1.2rem; text-shadow: 1px 1px 4px rgba(0,0,0,0.7); max-width: 800px; margin: 0 auto; font-family: 'Roboto', sans-serif;">
   <div style="flex: 1 1 300px; background-color: #E6F4FA; border-left: 5px solid #008AB5; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
       El conocimiento libre sobre la historia, cultura y patrimonio cordobés
     <div style="text-align: center; margin-bottom: 10px;">
      [[Archivo:El_Saqueo_de_Córdoba_(IA).png|300px|center|alt=Vista desde la torre de la Compañía]]
      <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">El saqueo de Córdoba de 1808. Alegoría</div>
     </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Historia de Córdoba|Historia de Córdoba]]</h3>
    <p style="margin: 0;">
       Desde la Córdoba romana hasta la contemporánea. Una historia viva de más de dos milenios. Su evolución ha sido testigo de imperios, revoluciones y una riqueza patrimonial que se refleja en sus calles, edificios y costumbres. Más de 1.000 artículos sobre la historia de Córdoba.
      → [[:Categoría:Historia de Córdoba|Leer más]]
     </p>
     </p>
   </div>
   </div>
</div>


<!-- Contenedor Principal -->
  <!-- Caja 2: Costumbrismo -->
<div style="max-width: 1200px; margin: 0 auto; padding: 20px;">
  <div style="flex: 1 1 300px; background-color: #E6F4FA; border-left: 5px solid #008AB5; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
    <div style="text-align: center; margin-bottom: 10px;">
      [[Archivo:Alfonso López "Marqués del Cucharón".png|300px|center|alt=El Papi]]
      <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">'''''El Marqués del Cucharón''''', personaje popular de la Córdoba de mitad del siglo XX</div>
    </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Personajes|Costumbrismo]]</h3>
    <p style="margin: 0;">
      Vendedores ambulantes, camareros entrañables, porteros de cine, flamencos, carteros, músicos callejeros, barrenderos míticos… 
      Gente sencilla que hizo ciudad y dejó una huella imborrable en la memoria cordobesa.
      → [[:Categoría:Costumbrismo|Leer más]]
    </p>
  </div>


   <!-- Información y Buscador -->
   <!-- Caja 3: Córdoba desaparecida -->
   <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: -50px; position: relative; z-index: 10; padding: 25px; display: flex; flex-direction: column; align-items: center;">
   <div style="flex: 1 1 300px; background-color: #D2D9D9; border-left: 5px solid #2E4573; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
   
     <div style="text-align: center; margin-bottom: 10px;">
    <!-- Estadísticas -->
       [[Archivo:Palacio de los Marqueses del Mérito (1860-1870).png|300px|center|alt=Plato típico cordobés]]
     <div style="text-align: center; margin-bottom: 20px;">
       <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">Palacio de Sartorius en Avenida del Gran Capitán (1870)</div>
       <p style="font-size: 1rem; color: #555; margin: 10px 0;">
        Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong>
       </p>
      <p style="font-size: 1rem; color: #555; margin: 10px 0;">
        Desde el 24 de octubre de 2005 hemos generado <strong>{{NUMBEROFPAGES}}</strong> páginas y <strong>{{NUMBEROFFILES}}</strong> imágenes
      </p>
    </div>
   
    <!-- Barra de Búsqueda Moderna -->
    <div style="width: 100%; max-width: 600px; margin: 15px auto;">
      <inputbox>
        type=search
        buttonlabel=Buscar
        searchbuttonlabel=Ir
        placeholder=Busca sobre Córdoba...
        break=no
      </inputbox>
     </div>
     </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Córdoba desaparecida|La Córdoba desaparecida]]</h3>
    <p style="margin: 0;">
      En Córdoba existieron cafés, cines, conventos, tabernas, fábricas o emisoras de radio que hoy han desaparecido.<br><br>
      La Córdoba que fue y ya no es sigue viva en nuestras páginas: edificios, lugares, costumbres, calles y oficios que formaron parte de nuestra historia colectiva.
      → [[:Categoría:Córdoba desaparecida|Leer más]]
    </p>
   </div>
   </div>
 
</div>
  <!-- Navegación rápida por categorías -->
 
  <div style="margin-top: 40px;">
<!-- Fila de cajas 4, 5 y 6 -->
    <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 16px; margin-top: 30px;">
      Explorar por Categorías
      <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
    </h2>
   
    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 25px;">
      <!-- Categoría 1 -->
      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
          <span style="font-size: 1.2rem;">Historia</span>
        </div>
        <div style="padding: 15px; flex-grow: 1;">
          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Descubre el rico pasado de Córdoba, desde la época romana hasta la actualidad.</p>
          <a href="[[Categoría:Historia]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
        </div>
      </div>
     
      <!-- Categoría 2 -->
      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
          <span style="font-size: 1.2rem;">Arte</span>
        </div>
        <div style="padding: 15px; flex-grow: 1;">
          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Arte cordobés en todas sus expresiones: pintura, escultura, arquitectura y más.</p>
          <a href="[[Categoría:Arte]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
        </div>
      </div>
     
      <!-- Categoría 3 -->
      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
          <span style="font-size: 1.2rem;">Naturaleza</span>
        </div>
        <div style="padding: 15px; flex-grow: 1;">
          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Espacios naturales, flora y fauna de la provincia cordobesa.</p>
          <a href="[[Categoría:Naturaleza]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
        </div>
      </div>
     
      <!-- Categoría 4 -->
      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
          <span style="font-size: 1.2rem;">Turismo</span>
        </div>
        <div style="padding: 15px; flex-grow: 1;">
          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Guía de lugares emblemáticos, monumentos y rincones para visitar.</p>
          <a href="[[Categoría:Turismo]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
        </div>
      </div>
    </div>


    <!-- Ver todas las categorías -->
  <!-- Caja 4: Biografías -->
     <div style="text-align: center; margin-top: 30px;">
  <div style="flex: 1 1 300px; background-color: #D2D9D9; border-left: 5px solid #2E4573; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
       <a href="[[:Categoría:Portada]]" style="display: inline-block; background-color: #1a365d; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 500;">Ver todas las categorías</a>
     <div style="text-align: center; margin-bottom: 10px;">
       [[Archivo:José Sánchez Peña (retrato de Rafael Romero de Barros).jpg|300px|center|alt=Rafael Romero Barros]]
      <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">José Sánchez Peña, el creador de la primera fábrica industralizada en el actual Mercado de la Corredera</div>
     </div>
     </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Biografías|Los que dejaron huella]]</h3>
    <p style="margin: 0;">
      Cordobeses célebres y olvidados, ilustres y populares, de todas las épocas: artistas, científicos, empresarios, personajes populares como peñistas, toreros, músicos, periodistas, maestros, inventores y soñadores.<br><br>
      Descubre quiénes han hecho historia en nuestra ciudad. 
      → [[:Categoría:Biografías|Leer más]]
    </p>
   </div>
   </div>


   <!-- Secciones Destacadas y Efemérides -->
   <!-- Caja 5: Sucesos -->
   <div style="display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;">
   <div style="flex: 1 1 300px; background-color: #D2D9D9; border-left: 5px solid #2E4573; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
   
    <div style="text-align: center; margin-bottom: 10px;">
    <!-- Efemérides -->
      [[Archivo:Puerta_de_Plasencia._Calvario_(1838).png|300px|center|alt=Atentado en Calle Nueva 1931]]
    <div style="flex: 1 1 45%; min-width: 300px;">
      <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">Los acontecimientos extraordinarios que quedaron en el ''subconsciente de la ciudad.''</div>
      <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
        <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
          <span style="margin-right: 10px;">📅</span> Tal día como hoy...
          <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
        </h3>
        <div style="line-height: 1.5;">
          {{Portada:Día|0}}
        </div>
      </div>
    </div>
   
    <!-- Enlaces Rápidos -->
    <div style="flex: 1 1 45%; min-width: 300px;">
      <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
        <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
          <span style="margin-right: 10px;">🔗</span> Accesos rápidos
          <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
        </h3>
        <ul style="list-style-type: none; padding: 0; margin: 0;">
          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
            <a href="[[:Categoría:Portada]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Todas las categorías</a>
          </li>
          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
            <a href="[[Especial:PáginasPopulares]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Páginas más visitadas</a>
          </li>
          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
            <a href="[[Especial:PáginasNuevas]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Últimas incorporaciones</a>
          </li>
          <li style="padding-left: 20px; position: relative;">
            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
            <a href="[[Especial:Aleatoria]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Descubre una página al azar</a>
          </li>
        </ul>
      </div>
     </div>
     </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Sucesos|Sucesos y acontecimientos extraordinarios]]</h3>
    <p style="margin: 0;">
      Asesinatos, robos, incendios, accidentes, huelgas, misterios y acontecimientos extraordinarios que sacudieron a la ciudad y marcaron su memoria colectiva.<br><br>
      Conoce los sucesos que conmocionaron Córdoba. 
      → ''[[:Categoría:Sucesos|Leer más]]''
    </p>
   </div>
   </div>
 
 
   <!-- Todas las Categorías -->
   <!-- Caja 6: Leyendas -->
   <div style="margin-top: 50px;">
   <div style="flex: 1 1 300px; background-color: #D2D9D9; border-left: 5px solid #2E4573; padding: 16px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%;">
    <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
    <div style="text-align: center; margin-bottom: 10px;">
      Todas las Categorías
       [[Archivo:Santa_Marina_de_manera_tenue_entre_farolas_.png|300px|center|alt=La mano del moro]]
      <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
       <div style="font-size: 12px; color: #2E4573; margin-top: 4px;">La mano del moro en la Calle de la Palma</div>
    </h2>
   
    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;">
      <!-- Categorías en formato grid -->
      <a href="[[Categoría:Administración pública]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Administración pública</a>
      <a href="[[Categoría:Agricultura]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Agricultura</a>
      <a href="[[Categoría:Arte]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Arte</a>
      <a href="[[Categoría:Biografías]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Biografías</a>
      <a href="[[Categoría:Ciencia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ciencia</a>
       <a href="[[Categoría:Cultura]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Cultura</a>
      <a href="[[Categoría:Deporte]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Deporte</a>
      <a href="[[Categoría:Derecho]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Derecho</a>
       <a href="[[Categoría:Economía]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Economía</a>
      <a href="[[Categoría:Educación]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Educación</a>
      <a href="[[Categoría:Ejército]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ejército</a>
      <a href="[[Categoría:Ganadería]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ganadería</a>
      <a href="[[Categoría:Geografía]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Geografía</a>
      <a href="[[Categoría:Historia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Historia</a>
      <a href="[[Categoría:Naturaleza]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Naturaleza</a>
      <a href="[[Categoría:Política]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Política</a>
      <a href="[[Categoría:Provincia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Provincia</a>
      <a href="[[Categoría:Religión]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Religión</a>
      <a href="[[Categoría:Sociedad]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Sociedad</a>
      <a href="[[Categoría:Turismo]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Turismo</a>
      <a href="[[Categoría:Webs]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Webs</a>
     </div>
     </div>
  </div>
    <h3 style="color: #2E4573; margin-top: 10px;">[[:Categoría:Leyendas|Leyendas cordobesas]]</h3>
 
     <p style="margin: 0;">
  <!-- Footer -->
       Amores imposibles, pactos con el diablo, milagros, duelos, venganzas y fantasmas: historias que han dado forma al alma mágica y popular de Córdoba.<br><br>
  <div style="margin-top: 50px; padding-top: 30px; border-top: 1px solid #e0e0e0; text-align: center;">
      Recorre las leyendas que aún viven en calles, plazas y patios. 
     <p style="color: #666; font-size: 0.9rem;">
      → ''[[:Categoría:Leyendas|Leer más]]''
       Cordobapedia - Enciclopedia libre sobre Córdoba
     </p>
     </p>
   </div>
   </div>
</div>


</div>


<style>
<!-- EFEMÉRIDES Y ENLACES RÁPIDOS -->
  /* Efectos hover para categorías */
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin: 30px auto; max-width: 1000px;">
  a[href^="[[Categoría"] {
 
    transition: background-color 0.3s, transform 0.3s;
   <!-- EFEMÉRIDES -->
   }
   <div style="flex: 1 1 45%; min-width: 280px; background:white; padding:10px;">
   a[href^="[[Categoría"]:hover {
     <h3 style="border-bottom: 1px solid #D2D9D9; color:#008AB5;">📅 Tal día como hoy...</h3>
     background-color: #1a365d;
     <div style="line-height:1.15;">
    color: white;
      {{Portada:Día|0}}
     transform: translateY(-3px);
    </div>
  }
   </div>
    
 
   /* Responsividad para dispositivos móviles */
   <!-- ENLACES RÁPIDOS -->
   @media (max-width: 768px) {
   <div style="flex: 1 1 45%; min-width: 280px; background:white; padding:10px; line-height:1.15;">
    h1 {
     <h3 style="border-bottom: 1px solid #D2D9D9; color:#008AB5;">🔗 Accesos rápidos</h3>
      font-size: 2.5rem !important;
     }
      
      
    .grid-container {
[[:Categoría:Administración pública|Administración pública]] | [[:Categoría:Agricultura|Agricultura]] | [[:Categoría:Arte|Arte]] | [[:Categoría:Biografías|Biografías]] | [[:Categoría:Ciencia|Ciencia]] | [[:Categoría:Cultura|Cultura]] | [[:Categoría:Deporte|Deporte]] | [[:Categoría:Derecho|Derecho]] | [[:Categoría:Economía|Economía]] | [[:Categoría:Educación|Educación]] | [[:Categoría:Ejército|Ejército]] | [[:Categoría:Ganadería|Ganadería]] | [[:Categoría:Geografía|Geografía]] | [[:Categoría:Historia|Historia]] | [[:Categoría:Naturaleza|Naturaleza]] | [[:Categoría:Política|Política]] | [[:Categoría:Provincia|Provincia]]
      grid-template-columns: 1fr !important;
 
    }
 
   }
<!-- Puedes continuar añadiendo más si lo deseas -->
</style>
 
   </div>
</div>

Revisión actual - 16:18 19 may 2025

Puente Romano de Córdoba

Enciclopedia de Córdoba


Hoy es domingo, 8 de junio de 2025
Desde el 24 de octubre de 2005 hemos generado 57 178 páginas y albergamos 19 222 imágenes.


 
Vista desde la torre de la Compañía
El saqueo de Córdoba de 1808. Alegoría

Historia de Córdoba

Desde la Córdoba romana hasta la contemporánea. Una historia viva de más de dos milenios. Su evolución ha sido testigo de imperios, revoluciones y una riqueza patrimonial que se refleja en sus calles, edificios y costumbres. Más de 1.000 artículos sobre la historia de Córdoba. → Leer más

El Papi
El Marqués del Cucharón, personaje popular de la Córdoba de mitad del siglo XX

Costumbrismo

Vendedores ambulantes, camareros entrañables, porteros de cine, flamencos, carteros, músicos callejeros, barrenderos míticos… Gente sencilla que hizo ciudad y dejó una huella imborrable en la memoria cordobesa. → Leer más

Plato típico cordobés
Palacio de Sartorius en Avenida del Gran Capitán (1870)

La Córdoba desaparecida

En Córdoba existieron cafés, cines, conventos, tabernas, fábricas o emisoras de radio que hoy han desaparecido.

La Córdoba que fue y ya no es sigue viva en nuestras páginas: edificios, lugares, costumbres, calles y oficios que formaron parte de nuestra historia colectiva. → Leer más

Rafael Romero Barros
José Sánchez Peña, el creador de la primera fábrica industralizada en el actual Mercado de la Corredera

Los que dejaron huella

Cordobeses célebres y olvidados, ilustres y populares, de todas las épocas: artistas, científicos, empresarios, personajes populares como peñistas, toreros, músicos, periodistas, maestros, inventores y soñadores.

Descubre quiénes han hecho historia en nuestra ciudad. → Leer más

Atentado en Calle Nueva 1931
Los acontecimientos extraordinarios que quedaron en el subconsciente de la ciudad.

Sucesos y acontecimientos extraordinarios

Asesinatos, robos, incendios, accidentes, huelgas, misterios y acontecimientos extraordinarios que sacudieron a la ciudad y marcaron su memoria colectiva.

Conoce los sucesos que conmocionaron Córdoba. → Leer más

La mano del moro
La mano del moro en la Calle de la Palma

Leyendas cordobesas

Amores imposibles, pactos con el diablo, milagros, duelos, venganzas y fantasmas: historias que han dado forma al alma mágica y popular de Córdoba.

Recorre las leyendas que aún viven en calles, plazas y patios. → Leer más


📅 Tal día como hoy...

8 de junio

Acontecimientos

Nacimientos

Fallecimientos

Obtenido de «https://cordobapedia.datta.capital/wiki/index.php?title=Portada&oldid=100924»