Diferencias

Muestra las diferencias entre dos versiones de la página.

--- de:magazines:zeitschriften [2026/04/28 06:10] – creado jesus
+++ de:magazines:zeitschriften [2026/05/18 08:03] (actual) – jesus
@@ Línea 1: / Línea 1: @@
 ~~NOTOC~~
 ====== Internationale Liste der erhaltenen Amstrad PCW Magazine ======
 ----
 <html>
-<!-- [CSS-Block wie oben] -->
+<style>
+  /* [CSS idéntico al anterior] */
+  .abecedario-nav { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #000; padding: 10px 5px; border: 2px solid #00ff00; margin: 20px 0; width: 100%; box-sizing: border-box; overflow-x: auto; white-space: nowrap; }
+  .abecedario-nav img { width: 32px; height: 32px; margin: 0 5px; flex-shrink: 0; }
+  .abecedario-nav a { flex: 1; display: flex; align-items: center; justify-content: center; min-width: 25px; height: 35px; color: #00ff00 !important; text-decoration: none !important; font-family: 'Courier New', monospace; font-weight: bold; font-size: 14px; transition: 0.2s; }
+  .abecedario-nav a:hover { background-color: #00ff00; color: #000 !important; }
+  .abecedario-titulo { color: #00ff00; background-color: #000; border-bottom: 2px solid #00ff00; font-family: 'Courier New', monospace; font-size: 2.2em; margin: 50px 0 20px 0; padding-left: 15px; display: block; scroll-margin-top: 20px; }
+  .letra-seccion { display: grid; grid-template-columns: repeat(auto-fill, 150px); gap: 30px; padding: 20px; justify-content: start; margin-bottom: 50px; }
+  .book-container-mini { width: 150px; height: 200px; position: relative; background-color: #fff; border: 8px solid #000; padding: 2px; box-sizing: border-box; box-shadow: 0 5px 15px rgba(0,0,0,0.6); line-height: 0; }
+  .book-link { display: block; width: 100%; height: 100%; text-decoration: none; }
+  .portada { width: 100%; height: 100%; object-fit: cover; border: 1px solid #eee; }
+  .corner-flag-mini { position: absolute; width: 28px; height: 20px; z-index: 10; border: 1px solid #fff; box-sizing: border-box; pointer-events: none; }
+  .t-l { top: -10px; left: -10px; } .t-r { top: -10px; right: -10px; } .b-l { bottom: -10px; left: -10px; } .b-r { bottom: -10px; right: -10px; }
+</style>
 <div class="abecedario-nav">
   <img src="/lib/exe/fetch.php?media=botones:mundo.png">
@@ Línea 12: / Línea 23: @@
   <img src="/lib/exe/fetch.php?media=botones:mundo.png">
 </div>
+<!-- ================= SECCIÓN NÚMEROS (#) ================= -->
+<div id="#" class="abecedario-titulo">#</div>
+<div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:8000 Plus" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:8000_plus_n_1.jpg" class="portada">
+    </a>
+  </div>
+</div>
+<!-- ================= SECCIÓN NÚMEROS (A) ================= -->
 <div id="A" class="abecedario-titulo">A</div>
 <div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:portugal.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:portugal.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:portugal.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:portugal.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:Amstrad Magazine" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:amstrad_magazine_n_1.jpg" class="portada">
+    </a>
+  </div>
+  <!-- Libro Numérico 2 -->
   <div class="book-container-mini">
     <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini t-l">
@@ Línea 20: / Línea 61: @@
     <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini b-l">
     <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini b-r">
-    <a href="doku.php?id=de:revistas:amstrad_profesional" class="book-link">
+    <a href="doku.php?id=de:revistas:Amstrad Profesional" class="book-link">
       <img src="/lib/exe/fetch.php?media=revistas:portadas:Amstrad Profesional 1 portada.jpg" class="portada">
     </a>
   </div>
 </div>
+<!-- ================= SECCIÓN NÚMEROS (L) ================= -->
+<div id="L" class="abecedario-titulo">L</div>
+<div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:francia.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:francia.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:francia.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:francia.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:L Echo du PCW" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:l_echo_du_pcw_n_1.jpg" class="portada">
+    </a>
+  </div>
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:reino_unido.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:LocoScript User" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:locoscript_user_febrero_1995.jpg" class="portada">
+    </a>
+  </div>
+</div>
+<!-- ================= SECCIÓN NÚMEROS (P) ================= -->
+<div id="P" class="abecedario-titulo">P</div>
+<div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:PCW Magazine" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_magazine_n_1 portada.jpg" class="portada">
+    </a>
+  </div>
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:PCW Today" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:pcw_today_n_3.jpg" class="portada">
+    </a>
+  </div>
+</div>
+<!-- ================= SECCIÓN NÚMEROS (S) ================= -->
+<div id="S" class="abecedario-titulo">S</div>
+<div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:Script" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:script_n_0.jpg" class="portada">
+    </a>
+  </div>
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:alemania.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:Sonderheft Joyce" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:sonderheft_joyce_n_1.jpg" class="portada">
+    </a>
+  </div>
+</div>
+<!-- ================= SECCIÓN NÚMEROS (T) ================= -->
+<div id="T" class="abecedario-titulo">T</div>
+<div class="letra-seccion">
+  <!-- Libro Numérico 1 -->
+  <div class="book-container-mini">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini t-r">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-l">
+    <img src="/lib/exe/fetch.php?media=botones:Reino_unido.jpg" class="corner-flag-mini b-r">
+    <a href="doku.php?id=de:revistas:The complete guide to the amstrad pcw" class="book-link">
+      <img src="/lib/exe/fetch.php?media=revistas:portadas:The complete guide to the amstrad pcw_n_1.jpg" class="portada">
+    </a>
+  </div>
+</div>
 </html>