Keresés

Új hozzászólás Aktív témák

  • AtHoS

    nagyúr

    válasz lanszelot #33016 üzenetére

    Rájöttem, hogy a fájl rendszerezési megoldás nem jó ahhoz amit szeretnél, de a melyik fényképen ki van rajta, ahhoz a legtriviálisabb :DDD

    Akkor leírok egy lehetséges kialakítást.

    Saját kútfőből 10 perc alatt össze lehet dobni online alap html ismeretekkel, bár a szöveget ide is kézzel kell beszerkeszteni

    html oldalakon lehet táblázatokat kezelni. A táblázat celláiba mehet szöveg és kép is, tehát számodra pont jó is lenne
    A képeket, nem kell egyesével méretezgetni, mivel kitaláltak okos emberek csoportos képmanipuláló programokat (pl. az egyik legnépszerűbb az ingyenes irfanview)

    A képeket bepakolod egy mappába, majd az irfanview-al egyszerre átméretezed őket fél perc alatt.
    Készítesz gyorsban egy HTML kiterjesztésű szöveges fájlt ugyanebbe a mappába és nekiállsz "kódolni"
    Ez a kód át is méretezi a képeket. Ha ügyes vagy, akkor a képeket automatikusan emelkedő számsorrenddel nevezteted át, így gyorsan lehet haladni a kód szerkesztéssel.

    pl.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="hu">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="logok/favicon.ico">
    <link href="body.css" rel="stylesheet" type="text/css">
    <title>Edzéshez cuccok</title>
    </head>

    <BODY>
    <TABLE Border="1" CellSpacing="0" CellPadding="5" Width="100%">

    <!-- Itt kezdődik a tábla 1. sora -->
    <tr Align="Center" vAlign="Middle">
    <td>
    <p> <A> <img src="kep001.jpg" width="160" height="100" alt=":-)"></A></p>
    </td>
    <td>
    <p>ide jöhet a szöveg az 1. kép mellé</p>
    </td></tr>

    <!-- Itt kezdődik a tábla 2. sora -->
    <tr Align="Center" vAlign="Middle">
    <td>
    <p> <A> <img src="kep002.jpg" width="160" height="100" alt=":-)"></A></p>
    </td>
    <td>
    <p>ide jöhet a szöveg a 2. kép mellé</p>
    </td></tr>

    </table>
    </BODY></html>

    Mellé bedobsz egy body.css kiterjesztésű szöveges fájlt, amit szintén megszerkesztesz

    pl. ezt rakod bele
    @charset "utf-8";

    span.voros {
    color: red;
    }

    span.kek {
    color: blue;
    }

    span.zold {
    color: green;
    }

    span.fontos {
    background-color: yellow;
    }

    body {
    background-color: #EFEFEF;
    }

    h1 {
    background-color: #F55C54;
    }

    h2 {
    background-color: maroon;
    }

    p {
    background-color: #EFEFEF;
    }

    ha nem akarsz kódolni, akkor csak átméretezed csoportosan a képeket és bedobálod őket pl. word, writer, stb progiba és mellészerkeszted a szövegeket

    read-only mode on the forum

Új hozzászólás Aktív témák