Eigenes Design - paar Fragen dazu

TodesEngel

Guten Abend zusammen,

ich habe eben ein "Design" entwickelt / entworfen, weiß nun aber nicht wie ich wo was in den einzelnen Dateien vornehmen muss damit es dann auch so aussieht wie es soll.

http://status.webhosting-solution.eu/lap/index1.html

So soll es später aussehen. Wie bekomme ich das nun umgesetzt ?
Da wo der Text steht soll es später per Iframe ( Ist sowas überhaupt sinnvoll, gibt es andere Möglichkeiten ) angezeigt werden.

Unten beim Balken soll nachher der Header sein. Ich wäre sehr dankbar für eure Hilfe :)

Vielen Dank schon mal im voraus.

lg TodesEngel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

TodesEngel

Gibt es vllt dazu sogar schon ein Tutorial oder sowas in der Art ?

lol Danke eben gerade das hier geschrieben ^^ Ich schaue es mir mal an mastermind

mastermind

Im WordPress-Codex gibt es dazu tonnenweise Informationen: http://codex.wordpress.org/Templates

TodesEngel

Gibt es sowas vllt auch auf/ in Deutsch ? ^^ Bin ned so gut in Englisch -.-

Oder kann mir jmd. ned so paar Grundkenntnisse geben !?

Dank euch

Jeriko

http://www.texto.de/texto/how-to-d…ordpress-theme/

Ist zwar auch auf Englisch, aber sicherlich leichter zu verstehen. Und der Autor soll hier wohl auch ab und zu mal vorbeischaun... ;-)

Gruß Jeriko

Monika

Zitat von Jeriko

http://www.texto.de/texto/how-to-d…ordpress-theme/
Ist zwar auch auf Englisch, aber sicherlich leichter zu verstehen. Und der Autor soll hier wohl auch ab und zu mal vorbeischaun... ;-)
Gruß Jeriko

;)
meinst ;)

TodesEngel wenn Du fragen zu dem Tutorial hast, stell die bitte ruhig auf deutsch ;)

lg

TodesEngel

Ich Danke euch für eure schnelle Hilfe :) Nur bei dem von Monika ...

Ich habe ja im Grunde schon die einzelnen Datein mir ist nur nicht ganz bewusst. Wie ich die Grafiken einsetzen muss .... Und wie bekomme ich einen I Frame hin ?

Hier ist mein Aktueller Entwurf den ich um setzen will.

http://status.webhosting-solution.eu/lap/vorschl%e4ge/vorschlag5.gif

TodesEngel

Ich habe die Grafik nun in teile aufgeteilt damit ich sie als BGs einsetzen kann.
footer.gif
head.gif
main.gif
menue.gif

Wäre klasse wenn mir jmd helfen könnte wie die Css datei aussehen müsste etc.

TodesEngel

Hmm ich gebe es langsam auf, ich bin wahrscheinlich dafür einfach zu dumm -.- Ich bekomme es nicht so hin wie ich es haben mag. Nun hätte ich eine bitte an euch ^^ Gibt es jmd der mir mein Grund Design erstellen kann ? So das die Grafiken ihren platz haben und die Aufteilung stimmt ?

Also Menue rechts etc. ? Wäre klasse wenn jmd. eine CSS Datei so anpassen könnte das es richtig ist. Wäre euch dafür sehr Dankbar !

Aufbau:

Menue Rechts.
Der Inhalt soll als IFrame angezeigt werden. So das in hintergrund die main.gif da steht.

Hier findet ihr die Grafiken:
http://status.webhosting-solution.eu/lap/vorschl%e4ge/

Dort ist einmal eine vorschau wo steht wo menue etc. hin soll und die einzelnen gifs ...

Monika

wieso iframe

wegen der Bilder?

wegen der Bilder ist dies doch nicht nötig.

das ist ein simples zweispaltiges Layout mit einem fixiertem Background

ich versteh irgendwie nicht was Du mit den iframes magst

lg

kirsch.designs

oder einfach div's benutzen um Navi und Content zu positionieren?!

in den header:

Code

<img src="GANZESBILD-URL">
<div style="position:abolute; top:xxx; left:xxx; width:xxx; height:xxx;">

in die sidebar.php

Code

<div style="position:abolute; top:xxx; left:xxx; width:xxx; height:xxx;">
NAVI BLABLA
</div>

das in den footer

PHP

</div>


<?php get_sidebar(); ?>
<?php wp_footer(); ?>

TodesEngel

Zitat von Monika

wieso iframe
wegen der Bilder?
wegen der Bilder ist dies doch nicht nötig.
das ist ein simples zweispaltiges Layout mit einem fixiertem Background
ich versteh irgendwie nicht was Du mit den iframes magst
lg

Alles anzeigen

Weil ich möchte da die main.gif immer da ist wo der Text ist. Und es sonst komisch aussehen würde wenn nur oben die Grafik ist und weiter unten nur schwarz oder der gleichen.

TodesEngel

Zitat von kirsch.designs
oder einfach div's benutzen um Navi und Content zu positionieren?!
in den header:
Code
<img src="GANZESBILD-URL">
<div style="position:abolute; top:xxx; left:xxx; width:xxx; height:xxx;">
in die sidebar.php
Code
<div style="position:abolute; top:xxx; left:xxx; width:xxx; height:xxx;">
NAVI BLABLA
</div>
das in den footer
PHP
</div>


<?php get_sidebar(); ?>
<?php wp_footer(); ?>

Und was mache ich mit den alten einträgen aus den
WordPress Standard DE-Edition 1.6 by Michael Heilemann Theme ?

kirsch.designs

also im header würdich ganz einfach soweit alles löschen was unter </head> steht, außerdem würde ich dir empfehlen das default theme als Vorlage zu verwenden ;)

In der Sidebar musste halt schaun, da musste halt praktisch ganz oben das <div style="..."> setzen, kannst ja berden Inhalt von der Sidebar soweit stehn lassen. musst halt schaun das die sachen die drin stehn auch nen Sinn ahben und am Ende nicht alles zerreißen...

Der footer müsste ja eigentlich ziemlich ähnlich aussehen xD einfach ersetzen

TodesEngel

Ich habe nun mal eine extra WP Version zum Testen Online gestellt. Und ich habe mich mal mit dem Header versucht ich bekomme es einfach nicht hin -.-

Wäre es möglich das mir jmd anhand des default_de Themes mal das macht ?
Ich steige da einfach nicht durch -.-

kirsch.designs

naja wenn es jemand anderes machen soll dann lernste ja gar nicht so viel dabei :P einfach mal durchbeißen...vielleicht hilft dir ja http://de.selfhtml.org/ ein bisschen, das hat zwar nichts konkretes mit Wordpress zu tun, aber ich glaube du brauchst ein bisschen Basis HTML Wissen?!

TodesEngel

Hmm mit HTML und php arbeite ich ja schon ein wenig ;) Ich werde mir nun mal ein wenig Zeit nehmen ... Habe ja nun meine Root Server wieder am laufen ...

kirsch.designs

nur nicht aufgeben :)

Monika

Zitat von TodesEngel

Weil ich möchte da die main.gif immer da ist wo der Text ist. Und es sonst komisch aussehen würde wenn nur oben die Grafik ist und weiter unten nur schwarz oder der gleichen.

ok
dann suche nach

background-attachment fixed

über google und auf deutsch ;)

lg

TodesEngel

So ich habe mal wieder mein Glück versuch doch es geht einfach nicht -.-

Hier die header.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archiv <?php } ?> <?php wp_title(); ?></title>


<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<style type="text/css" media="screen">


[B]<img src="v4.LoveAndPain.de/wp-content/themes/default_de/images/head.gif">
<div style="position:abolute; top:xxx; left:xxx; width:xxx; height:xxx;">[/B]


<?php
// Checks to see whether it needs a sidebar or not
if ( !$withcomments && !is_single() ) {
?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>


</style>


<?php wp_head(); ?>
</head>
<body>
<div id="page">




<div id="header">
    <div id="headerimg">
        <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div class="description"><?php bloginfo('description'); ?></div>
    </div>
</div>
<hr />

Alles anzeigen

Hier die Sidebar:

PHP

<!--<div id="sidebar">-->
             <div style="position:abolute; top:10; left:600; width:139; height:459;">
        <ul>
            
            <li>
                <?php include (TEMPLATEPATH . '/searchform.php'); ?>
            </li>


            <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
            <li><h2>Autor</h2>
            <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
            </li>
            -->


            <li>
            <?php /* If this is a 404 page */ if (is_404()) { ?>
            <?php /* If this is a category archive */ } elseif (is_category()) { ?>
            <p>Du durchsuchst derzeit das Archiv der <?php single_cat_title(''); ?> Kategorie.</p>
            
            <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
            <p>Du durchsuchst derzeit das <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> Archiv
            nach <?php the_time('l,'); ?> den <?php the_time('j. F Y'); ?>.</p>
            
            <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
            <p>Du durchsuchst derzeit das <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> Archiv
            nach dem Monat <?php the_time('F Y'); ?>.</p>


            <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
            <p>Du durchsuchst derzeit das <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> Archiv
            nach dem Jahr <?php the_time('Y'); ?>.</p>
            
            <?php /* more links to find */ } elseif (is_search()) { ?>
            <p>Du hast das <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> Archiv nach
            <strong>'<?php echo wp_specialchars($s); ?>'</strong> Durchsucht. Wenn du in den Ergebnissen nichts gefunden hast, helfen dir eventuell die folgenden Links.</p>


            <?php /* If this is not a specified archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
            <p>Du durchsuchst derzeit das <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> Archiv.</p>


            <?php } ?>
            </li>


            <?php wp_list_pages('title_li=<h2>Seiten</h2>' ); ?>


            <li><h2>Archiv</h2>
                <ul>
                <?php wp_get_archives('type=monthly'); ?>
                </ul>
            </li>
            
            <li><h2>Kategorien</h2>
                <ul>
                <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
                </ul>
            </li>


            <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>                
                <?php get_links_list(); ?>
                
                
                <li><h2>Meta</h2>
                <ul>
                    <?php wp_register(); ?>
                    <li><?php wp_loginout(); ?></li>
                    <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
                    <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
                    <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
                    <li><a href="http://wordpress-deutschland.org/" title="WordPress Deutschland">WPD</a></li>
                    <?php wp_meta(); ?>
                </ul>
                </li>
            <?php } ?>
            
        </ul>
    </div>

Alles anzeigen

Footer

Zitat

<hr />
<div id="footer">

<p>
<?php bloginfo('name'); ?> is proudly powered by
<a href="http://wordpress.org/">WordPress</a> | <a href="http://wordpress-deutschland.org">WPD</a>
<br /><a href="feed:<?php bloginfo('rss2_url'); ?>">Beiträge (RSS)</a>
und <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Kommentare (RSS)</a>

</p>
</div>
</div>
<?php get_sidebar(); ?>
<?php wp_footer(); ?>


<?php /* "Just what do you think you're doing Dave?" */ ?>
</body>
</html>

Alles anzeigen

Könnt ihr mir nen Tipp geben was daran Falsch ist?

Das Resultat der Code veränderungen findet ihr hier:
http://v4.LoveAndPain.de

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigenes Design - paar Fragen dazu

Jetzt mitmachen!