Haarausfall - Allgemeines Forum : Off topic allgemein

HTML-, CSS-Experten hier? [Beitrag #356883] :: Sa., 30 Januar 2016 17:58

Ich hoffe, hier kann mir einer weiter helfen.

Ich habe mir bei Jimdo eine Homepage nach folgender Vorlage erstellt:

http://jayouts009-de.jimdo.com/

Bin soweit mit dem Ergebnis zu frieden, allerdings wollte ich noch ein paar Dinge ändern, weiß aber nicht wie.

Im Header ist ja der Slider der die Bilder wechselt mit den Buttons für den Bilderwechsel. Kann man irgendwie die Buttons deaktivieren?

In der CSS-Datei steht zum Slider nur folgendes:

#slider
{
    width:704px;
    height:250px;
    position:absolute;
    margin-top:5px;
    margin-left:230px;}

Eine weitere Frage wäre, ob man oben in der Navigation die Buttons mit einer Drop-Down Funktion austatten könnte?

Bin für jede Hilfe dankbar.

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356887 ist eine Antwort auf Beitrag #356883] :: Sa., 30 Januar 2016 20:11

chribe schrieb am Sat, 30 January 2016 17:58

Ich hoffe, hier kann mir einer weiter helfen.

Ich habe mir bei Jimdo eine Homepage nach folgender Vorlage erstellt:

http://jayouts009-de.jimdo.com/

Bin soweit mit dem Ergebnis zu frieden, allerdings wollte ich noch ein paar Dinge ändern, weiß aber nicht wie.

Im Header ist ja der Slider der die Bilder wechselt mit den Buttons für den Bilderwechsel. Kann man irgendwie die Buttons deaktivieren?

In der CSS-Datei steht zum Slider nur folgendes:
#slider
{
    width:704px;
    height:250px;
    position:absolute;
    margin-top:5px;
    margin-left:230px;}
Eine weitere Frage wäre, ob man oben in der Navigation die Buttons mit einer Drop-Down Funktion austatten könnte?

Bin für jede Hilfe dankbar.

willst du die Buttons deaktivieren aber immernoch sichtbar haben oder willst du dass die Button weg sind und ein Bild da ist?
Falls du nur ein Bild wilst ohne Button kannst mal folgendes löschen:

<div id="slider">
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li>
<img src="https://u.jimdo.com/www400/o/s185c831a485f874e/userlayout/img/01.jpg?t=1406399293" alt="01" title="01" id="wows1_0" name="wows1_0"/>
</li>

<li>
<img src="https://u.jimdo.com/www400/o/s185c831a485f874e/userlayout/img/02.jpg?t=1406399297" alt="02" title="02" id="wows1_1" name="wows1_1"/>
</li>

<li>
<img src="https://u.jimdo.com/www400/o/s185c831a485f874e/userlayout/img/03.jpg?t=1406399303" alt="03" title="03" id="wows1_2" name="wows1_2"/>
</li>

<li>
<img src="https://u.jimdo.com/www400/o/s185c831a485f874e/userlayout/img/04.jpg?t=1406399307" alt="04" title="04" id="wows1_3" name="wows1_3"/>
</li>
</ul>
</div>
</div>

<div class="ws_shadow">
</div>
</div>
<script type="text/javascript" src="http://www.nerdcologne.de/wow/jayouts/de009/wowslider.js">
</script> <script type="text/javascript" src="http://www.nerdcologne.de/wow/jayouts/de009/script.js">
</script>

alles Farbige löschen und mal schauen ob das so hinhaut

PS: Bin jetzt kein HTML/CSS Experte aber hab ein wenig Erfahrung

und zu 2. : müsste klappen aber wie genau , da muss dir wohl jemand andres helfen

[Aktualisiert am: Sa., 30 Januar 2016 20:29]

Nichts mehr - buzz cut und zufrieden

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356890 ist eine Antwort auf Beitrag #356883] :: Sa., 30 Januar 2016 22:20

Erstmal vielen Dank für deine Hilfe.

Die Pfeile gehen weg(so gewollt), wenn ich das Javascript lösche. Allerdings werden dann auch nicht mehr die Fotos so schön aufgeblendet, sondern werden zur Seite geschoben, was ich persönlich nicht so schön finde. Außerdem zeigt er mir dann auch leere Bilder an wenn er alle Bilder einmal durch hat. Sad

Ich stelle noch mal den HTML-Code rein:

<div id="slider">
            <div id="wowslider-container1">
                <div class="ws_images">
                    <ul>
                        <li>
                            <img src="01.jpg" alt="01" title="01" id="wows1_0" name="wows1_0" />
                        </li>

                        <li>
                            <img src="02.jpg" alt="02" title="02" id="wows1_1" name="wows1_1" />
                        </li>

                        <li>
                            <img src="03.jpg" alt="03" title="03" id="wows1_2" name="wows1_2" />
                        </li>

                        <li>
                            <img src="04.jpg" alt="04" title="04" id="wows1_3" name="wows1_3" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="ws_shadow">
    </div>
    <script type="text/javascript" src="http://www.nerdcologne.de/wow/jayouts/de009/wowslider.js">
</script> <script type="text/javascript" src="http://www.nerdcologne.de/wow/jayouts/de009/script.js">
</script>

Evtl. hilft das.

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356901 ist eine Antwort auf Beitrag #356883] :: So., 31 Januar 2016 10:55

Also du willst die Pfeile weghaben aber trotzdem zwischen Bildern wechseln können? Oder magst du nur ein Bild fest da stehen haben?

Nichts mehr - buzz cut und zufrieden

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356934 ist eine Antwort auf Beitrag #356901] :: So., 31 Januar 2016 17:24

opti schrieb am Sun, 31 January 2016 10:55

Also du willst die Pfeile weghaben aber trotzdem zwischen Bildern wechseln können? Oder magst du nur ein Bild fest da stehen haben?

Ne, die Bilder sollen automatisch wechseln ohne das man darauf Einfluss nehmen kann. Also so wie es ist, nur die Pfeile sollen halt weg.

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356949 ist eine Antwort auf Beitrag #356883] :: So., 31 Januar 2016 21:25

aso sag das doch gleich^^

so geht das natürlich nicht.

also entweder du liest dich ein wenig in wowslider ein (wird ja schon benutz ,musst du nur anpassen mit der software)

oder du intergriest sowas in dein code falls es einfach sein soll . Hier mal ne kleine Anleitung :http://www.web-toolbox.net/webtoolbox/bilder/02-imagechange/image-change01-a.htm

Nichts mehr - buzz cut und zufrieden

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356967 ist eine Antwort auf Beitrag #356883] :: Mo., 01 Februar 2016 08:07

Bitte...

<style>
    /* hide Button */
    #slider > div > a.ws_next, #slider > div > a.ws_prev {
        display: none;
    }

    /* Dropdown Menu */
    .dropdown {
        background: #fff;
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 30px;
    }

    .dropdown li {
        float: left;
    }

    .dropdown li a {
        padding: 9px 20px;
        display: block;
        color: #a87f4b;
        text-decoration: none;
        font: 14px Georgia, "Times New Roman", Times, serif;
    }

    /* Submenu */
    .dropdown ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        list-style-type: none;
    }

    .dropdown li:hover {
        position: relative;
        background: #a87f4b;
    }

    .dropdown li a:hover {
        color: #fff;
    }

    .dropdown li:hover ul {
        left: 0px;
        top: 30px;
        background: #e3e3e3;

        padding: 0px;
    }

    .dropdown li:hover ul li a {
        padding: 5px;
        display: block;
        width: 168px;
        text-indent: 15px;
        background-color: #e3e3e3;

    }

    .dropdown li:hover ul li a:hover {
        background: #a87f4b;
        color: #fff;
    }

</style>
<div id="topnav">
    <div data-container="navigation" id="navigation">
        <div class="j-nav-variant-standard">
            <ul class="mainNav1 dropdown" id="mainNav1">
                <li id="cc-nav-view-2011834724">
                    <a class="current level_1" href="/">
                        <span>START</span>
                    </a>
                </li>
                <li id="cc-nav-view-2011834924">
                    <a class="level_1" href="/blog-by-sea/">
                        <span>BLOG BY SEA</span>
                    </a>
                </li>
                <li id="cc-nav-view-2011835024">
                    <a class="level_1" href="/unser-haus/">
                        <span>UNSER HAUS</span>
                    </a></li>
                <li id="cc-nav-view-2011835124">
                    <a class="level_1" href="/umgebung/">
                        <span>UMGEBUNG</span>
                    </a>
                    <ul>
                        <li>
                            <a>
                                Hello World
                            </a>
                        </li>
                    </ul>
                </li>
                <li id="cc-nav-view-2011835224">
                    <a class="level_1" href="/kontakt/">
                        <span>KONTAKT</span>
                    </a>

                    <ul>
                        <li>
                            <a>
                                Hello World
                            </a>
                        </li>
                        <li>
                            <a>
                                Hello World 2
                            </a>
                        </li>
                    </ul>

                </li>
            </ul>
        </div>
    </div>
</div>

Anfang

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356974 ist eine Antwort auf Beitrag #356883] :: Mo., 01 Februar 2016 11:50

Wow, danke Yoda. Funktioniert bestens. Thumbs Up

Bei den Bildern habe ich mir sowas in der Art gedacht:

http://deine-slideshow.jimdo.com/slider-im-header/

Aber ohne Javascript geht das anscheinend nicht.

Den Beitrag einem Moderator melden

Aw: HTML-, CSS-Experten hier? [Beitrag #356985 ist eine Antwort auf Beitrag #356974] :: Mo., 01 Februar 2016 13:56

chribe schrieb am Mon, 01 February 2016 11:50

Wow, danke Yoda. Funktioniert bestens.

Bei den Bildern habe ich mir sowas in der Art gedacht:

http://deine-slideshow.jimdo.com/slider-im-header/

Aber ohne Javascript geht das anscheinend nicht.

verstehe ich jetzt nicht? welche Bilder? Der Slider fadet die Bilder doch schon so.

Anfang

Den Beitrag einem Moderator melden