Startseite top_logo weg machen & Menü verschieben

[w4t3r]

Hallo,

ich wollte fragen wie ich das Rot umringelte komplett aus der Tabelle nehme (und diese natürlich dann auch noch verkleinere... weil wenn ich das bild einfach rauslösche aus der stylesheet, habe ich einen fetten weißen block... und genau der soll auch mit weg und der rest soll praktisch nachrücken). Dann möchte ich noch das grün umringelte an die Seite ganz oben an den Rand knüpfen (habe das hier gesehen => http://www.roxxgames.de/shop_content.php?coID=10 vllt kann sich jemand ein bild davon machen und weiss was ich meine. Habe jetzt 3 - 4 Stunden rumprobiert und bekomm's einfach nicht hin, wäre dankbar für hilfe

mfg

  [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=13224.0

[Tomcraft]

Entferne doch einfach den Header aus deiner "/templates/<dein-template>/index.html":

Code: PHP  [Auswählen]

    <div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
        <div id="search">{$box_SEARCH}</div>
    </div>
 

Bezüglich der statischen Navigationsleister, schau mal hier: ANLEITUNG: Statische Navigationsleiste mit Warenkorb & Suche am oberen Bildrand

Grüße

Torsten

[w4t3r]

alles klar - danke Tomcraft.

Das mit der Navileiste hab ich gesucht.

Eine Frage noch: Wie lösche ich die weiße Tabelle, so wie auf der Seite http://www.roxxgames.de/shop_content.php?coID=10 - also so, dass alles praktisch lose ist und nicht verbunden... Kategorien ... index etc... weil wenn ich "wrap" lösche ist auch die startseite/index wo alles steht ohne weißen Hintergrund... der sollte aber da bleiben. Ich hoffe ihr wisst was ich meine.

mfg

[Tomcraft]

Welche weisse Tabelle?

Meinst du da evtl. das Rand (border-top)?

Suche in der stylesheet.css:

Code: CSS  [Auswählen]

#header {
    background: url("img/top_logo.jpg") no-repeat scroll 0 0 #893769;
    border-bottom: 1px solid #FFFFFF;
    border-top: 10px solid #FFFFFF;
    height: 115px;
}
 

und ersetze es mit:

Code: CSS  [Auswählen]

#header {
    background: url("img/top_logo.jpg") no-repeat scroll 0 0 #893769;
    border-bottom: 1px solid #FFFFFF;
    border-top: 0px solid #FFFFFF;
    height: 115px;
}
 

Grüße

Torsten

[w4t3r]

ich habe im moment das problem, dass die main_content viel zu weit rechts ist, also habe zwischen main_content und kategorie viel zu viel platz und ich bekomme die spalte nicht kleiner => wenn ich hier den wert änder:

Code: CSS  [Auswählen]

#wrapkf {
        margin: 0 auto;
        width:540px; // verschiebt es sich nur weiter nach rechts..
        background-color:#fff;
        border: solid thick white;
        border-radius: 1em;
        box-shadow: black 0.5em 0.5em 0.3em;

}
 

link zum shop: http://www.konsolen-franken.de

des weiteren habe ich die boxen abgerundent - gibt es eine möglichkeit diese nur oben abzurunden und unten eckig zu lassen? im moment nutze ich den befehl border-radius: 1em;

danke!!!

[koshiro]

Hallo,
änder mal in Deiner Stylesheet bei Content Zeile 277 von das hier

Code: CSS  [Auswählen]

#content {
    float: left;
    margin-bottom: 15px;
    padding: 0 25px;
    width: 525px;
}

in das hier

Code: CSS  [Auswählen]

#content {
    float: left;
    margin-bottom: 15px;
    padding: 0 15px;
    width: 525px;
}

Gruß
Micha

[w4t3r]

alles klar!! hat funktioniert danke!! Die Schrift liegt allerdings genau am rand an, also wenn das der Rand ist

|BLA
|BLA
|BLA
|BLA

ich will aber das es wenigstens ein bisschen abstand zum rand hat:

| BLA
| BLA

wo kann ich das einstellen?? vielleicht zum veranschauliche:n http://www.konsolen-franken.de ! Danke schonmals. ^^

[koshiro]

Welche Schrift meinst Du denn ?
Die Überschriften oder die Texte ?
Gruß
Micha

[w4t3r]

ich meine die texte => also bei mir auf dem shop fängt es damit an: umbau ihrer konsole usw.

habe noch eine frag zum facebook button (ich weiss das passt hier nicht rein aber habe nirgends was über die suche gefunden) und zwar wenn ich diese code benutze

Code: PHP  [Auswählen]

<div align="right"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.konsolen-franken.de&layout=button_count&show_faces=true&width=450&action=like&colorscheme=evil" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden;" width:1px; height:1px"></iframe></div>

dann wird der button angezeigt und alles funzt wunderbar... nur hat der button unter sich einen riesen abstand => mir wäre es am liebsten wenn ich den button bei mir oben in die leiste (ganz oben in die transparente) neben die suche bekomme... allerdings rutscht er immer in die nächste zeile und der button hat wie gesagt einen riesen abstand (wenn man das in <br> ausrücken würde... hätte der bestimmt 5 stück davon) =) Vielen Dank erstmal an die Superschnelle und gute hilfe hier. =)

!!!

Bzw. ist es möglich, dass sich der hintergrund immer wechselt? also wenn ich das erstmal auf die seite gehen soll es pic1 anzeigen... dann geh ich erneut oder aktualisiere die seite... dann soll es pic2 anzeigen usw.

[w4t3r]

Habe noch ein letztes Problem und zwar habe ich nun etliches versucht. Ich habe eine Grafik erstellt, geuppt und wollte damit den Rand des Topmenu ein bisschen abändern, aber irgendwie will das nicht ganz funktioniertn. Es soll das rechte Randstück etwas über dem Menü sein, also das die linke Spitze über das Menü hinausschaut. Im Moment ist sie gleichauf mit den andern Buttons in einer Reihe. Habe hier mal eine Grafik hinzugefügt, die euch das ganze vielleicht besser verstehen lässt.

[ Für Gäste sind keine Dateianhänge sichtbar ]

thx und sorry für die vielen Fragen =)

[h-h-h]

FAQ: Full-Quotes und Groß-/Kleinschreibung - mit anderen Worten Netiquette!

Gruß

h-h-h

[w4t3r]

Alles klar, sorry! Habe es oben ausgebessert, bei dem anderen Beitrag kann ich es leider nicht mehr editieren.

[w4t3r]

[...]
Bzw. ist es möglich, dass sich der hintergrund immer wechselt? also wenn ich das erstmal auf die seite gehen soll es pic1 anzeigen... dann geh ich erneut oder aktualisiere die seite... dann soll es pic2 anzeigen usw.

thema hat sich erledigt hab alles so hinbekommen... für andere, die es mal suchen sollten:
ständig wechselnder hintergrund:

eine rotate.php erstellen und das hier rein(danach ins hauptverzeichnis uppen)

Code: PHP  [Auswählen]

<?php

/*
        DOWNLOADED FROM http://www.marcofolio.net/
        Check it out for more interesting scripts & downloads

        AUTOMATIC IMAGE ROTATOR
        Version 2.2 - December 4, 2003
        Copyright (c) 2002-2003 Dan P. Benjamin, Automatic, Ltd.
        All Rights Reserved.

        http://www.hiveware.com/imagerotator.php

        http://www.automaticlabs.com/

        DISCLAIMER
        Automatic, Ltd. makes no representations or warranties about
        the suitability of the software, either express or
        implied, including but not limited to the implied
        warranties of merchantability, fitness for a particular
        purpose, or non-infringement. Dan P. Benjamin and Automatic, Ltd.
        shall not be liable for any damages suffered by licensee
        as a result of using, modifying or distributing this
        software or its derivatives.

        ABOUT
        This PHP script will randomly select an image file from a
        folder of images on your webserver.  You can then link to it
        as you would any standard image file and you'll see a random
        image each time you reload.

        When you want to add or remove images from the rotation-pool,
        just add or remove them from the image rotation folder.

        VERSION CHANGES
        Version 1.0
                - Release version

        Version 1.5
                - Tweaked a few boring bugs

        Version 2.0
                - Complete rewrite from the ground-up
                - Made it clearer where to make modifications
                - Made it easier to specify/change the rotation-folder
                - Made it easier to specify/change supported image types
                - Wrote better instructions and info (you're them reading now)
                - Significant speed improvements
                - More error checking
                - Cleaner code (albeit more PHP-specific)
                - Better/faster random number generation and file-type parsing
                - Added a feature where the image to display can be specified
                - Added a cool feature where, if an error occurs (such as no
                  images being found in the specified folder) *and* you're
                  lucky enough to have the GD libraries compiled into PHP on
                  your webserver, we generate a replacement "error image" on
                  the fly.

    Version 2.1
        - Updated a potential security flaw when value-matching
          filenames

    Version 2.2
        - Updated a few more potential security issues
        - Optimized the code a bit.
        - Expanded the doc for adding new mime/image types.

        Thanks to faithful ALA reader Justin Greer for
        lots of good tips and solid code contribution!

        INSTRUCTIONS
        1. Modify the $folder setting in the configuration section below.
        2. Add image types if needed (most users can ignore that part).
        3. Upload this file (rotate.php) to your webserver.  I recommend
           uploading it to the same folder as your images.
        4. Link to the file as you would any normal image file, like this:

                        <img src="http://example.com/rotate.php">

        5. You can also specify the image to display like this:

                        <img src="http://example.com/rotate.php?img=gorilla.jpg">

                This would specify that an image named "gorilla.jpg" located
                in the image-rotation folder should be displayed.

        That's it, you're done.

*/

/* ------------------------- CONFIGURATION -----------------------

        Set $folder to the full path to the location of your images.
        For example: $folder = '/user/me/example.com/images/';
        If the rotate.php file will be in the same folder as your
        images then you should leave it set to $folder = '.';

*/

        $folder = '.';

/*     

        Most users can safely ignore this part.  If you're a programmer,
        keep reading, if not, you're done.  Go get some coffee.

    If you'd like to enable additional image types other than
        gif, jpg, and png, add a duplicate line to the section below
        for the new image type.

        Add the new file-type, single-quoted, inside brackets.

        Add the mime-type to be sent to the browser, also single-quoted,
        after the equal sign.

        For example:

        PDF Files:

                $extList['pdf'] = 'application/pdf';

    CSS Files:

        $extList['css'] = 'text/css';

    You can even serve up random HTML files:

            $extList['html'] = 'text/html';
            $extList['htm'] = 'text/html';

    Just be sure your mime-type definition is correct!

*/

    $extList = array();
        $extList['gif'] = 'image/gif';
        $extList['jpg'] = 'image/jpeg';
        $extList['jpeg'] = 'image/jpeg';
        $extList['png'] = 'image/png';

// You don't need to edit anything after this point.

// --------------------- END CONFIGURATION -----------------------

$img = null;

if (substr($folder,-1) != '/') {
        $folder = $folder.'/';
}

if (isset($_GET['img'])) {
        $imageInfo = pathinfo($_GET['img']);
        if (
            isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&
        file_exists( $folder.$imageInfo['basename'] )
    ) {
                $img = $folder.$imageInfo['basename'];
        }
} else {
        $fileList = array();
        $handle = opendir($folder);
        while ( false !== ( $file = readdir($handle) ) ) {
                $file_info = pathinfo($file);
                if (
                    isset( $extList[ strtolower( $file_info['extension'] ) ] )
                ) {
                        $fileList[] = $file;
                }
        }
        closedir($handle);

        if (count($fileList)> 0) {
                $imageNumber = time() % count($fileList);
                $img = $folder.$fileList[$imageNumber];
        }
}

if ($img!=null) {
        $imageInfo = pathinfo($img);
        $contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ];
        header ($contentType);
        readfile($img);
} else {
        if ( function_exists('imagecreate') ) {
                header ("Content-type: image/png");
                $im = @imagecreate (100, 100)
                    or die ("Cannot initialize new GD image stream");
                $background_color = imagecolorallocate ($im, 255, 255, 255);
                $text_color = imagecolorallocate ($im, 0,0,0);
                imagestring ($im, 2, 5, 5,  "IMAGE ERROR", $text_color);
                imagepng ($im);
                imagedestroy($im);
        }
}

?>
 

bei

Code: PHP  [Auswählen]

$folder = '.';
 

gebt ihr euren pfad zu den bg pics an und in der stylesheet.css tragt ihr das hier ein:

statt:

Code: PHP  [Auswählen]

background: url(img/top_logo.jpg) repeat-x #000;
 

das hier:

Code: PHP  [Auswählen]

background: url(http://www.meinedomain.de/rotate.php) repeat-x #000;