Beiträge von dreadkopp

dreadkopp

oder einfach in die style.css

.site-footer {
display: none !important;
}

eintragen.

dreadkopp

wo ist denn hier der bearbeiten-button?

habe den head nun folgendermaßen abgeändert:

Code

<head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script src="https://raw.githubusercontent.com/ramswaroop/animatescroll.js/master/animatescroll.js"></script>


<script>
var clicked = 0;
jQuery(document).ready(function() {
      $('.site-header').slideUp(0);
      $('.site-header').after('<img id="banner" style="width:100%; margin-top:-240px" src="https://i.imgflip.com/kpvez.jpg"></img>');
      $('.site-header').after('<button id="continuebutton" style="z-index:10; position:absolute; margin-left:48%; margin-top:30%">Continue</button>');
      $("#continuebutton").click(function() {
         $('.site-header').style = "margin-top: -10px";
         $('.site-header').slideDown(500);
         $('.entry-content').animatescroll({scrollSpeed: 1500,padding: 0,
         });
         document.getElementById('banner').style = "margin-top: 0px";
         $('.site-header').style = "margin-top: 0px";
         clicked = 1;
     });
});
window.onscroll = function() {
    $('.site-header').slideDown(400);
    document.getElementById("banner").style = "margin-top:0px; width: 100%";
    var height = $('#banner').height() + 19;
    if (clicked == 1) {
        if ($(window).scrollTop() < height) {
            $('.entry-content').animatescroll({scrollSpeed: 0,padding: 220,});
        }
    }
    if ($(window).scrollTop() > height) {
        clicked = 1;
    }
}
</script>
</head>

Alles anzeigen

mit Firefox funktioniert das ganze problemlos, mit Safari nur ansatzweise und mit chrome und ie gar nicht, obwohl alle verwendeten Funktionen von allen (halbwegs) aktuellen Browsern unterstüzt werden (laut dokumentation).

Kann mir da jemand helfen?

dreadkopp

Aloha Community,

ich möchte auf einer Website ein Willkommensbanner anzeigen lassen. Dazu soll der Header erstmal verschwinden und erst erscheinen, wenn die Seite gescrollt wird oder der continueButton geklickt wird.

Da das ganze nur auf der Startseite passieren soll, hab ich folgendes in die Startseite geschrieben.

Code

<head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script src="https://raw.githubusercontent.com/ramswaroop/animatescroll.js/master/animatescroll.js"></script>


<script>
jQuery(document).ready(function() {
      $('.site-header').slideUp(0);
      $('.site-header').after('<img id="banner" style="width:100%; margin-top:-240px" src="https://i.imgflip.com/kpvez.jpg"></img>');
$('.site-header').after('<button id="continuebutton" style="z-index:10; position:absolute; margin-left:48%; margin-top:30%">Continue</button>');
 });
</script>


<script>
jQuery(document).ready(function() {
$("#continuebutton").click(function() {
    $('.entry-content').animatescroll({scrollSpeed: 2000,padding: 0,
    });
    $(".site-header").slideDown(2000);
    document.getElementById('banner').style = "margin-top: 0px";
  })
});
</script>


<script>
window.onscroll = function() {
$('.site-header').slideDown(2000);
document.getElementById("banner").style = "margin-top:0px; width: 100%";
}
</script>
</head>

Alles anzeigen

Mein Problem ist, dass der Header nicht wieder zurückslidet/der style des Banners nicht wieder angepasst wird.

hier ist die entsprechende Seite zu finden https://yoshi.dynu.com/flexosite .

Ich hoffe, ihr könnt mir helfen. Ich find den Fehler nicht.

Grüße!

dreadkopp

da war ich einfach nur blöde... in der css, welche dem Element auch das Bild zuweist einfach noch einen entsprechenden z-index zugewiesen, der zwischen content und header liegt et voila. kann zu.

dreadkopp

Aloha Community,

ich möchte in einer Seite mit viel Content eine Loading-Animation einbinden.

dazu habe ich am Anfang der entsprechenden Seite folgenden Code eingefügt:

<div class="se-pre-con"></div>
<script type="text/javascript">
$(window).load(function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");;
});
</script>

wenn ich nun die entsprechende Seite öffne überdeckt die Ladeanimation jedoch auch den Header.

Wie verhindere ich das?

Link zur Seite:

yoshi.dynu.com/flexosite/kuenstler-1

Ich hoffe ihr könnt mir da weiterhelfen.

Grüße

dreadkopp

Sollte sich über css lösen lassen. Ich poste nachher noch entsprechenden Code, bin grade nur mobil unterwegs.

dreadkopp

Kannst du das ganze nicht mit css verstecken?

dreadkopp

komisch, bei mir funktioniert's nicht (?)

edit: oha! nu tut's ... wunderheilung?

dreadkopp

Aloha Community,

statt /page_id=xx hätte ich gern die links anständig und lesbar, daher stellte ich die Einstellungen auf
'Beitragsname' um.

ich habe Wordpress 4.1.1 auf meinem kleinen Server installiert, auf diesem läuft ein Arch Linux mit Kernel 4.0 und Apache 2.4.12.

Wordpress ist direkt in /srv/http installiert.
der gesamte Inhalt von /srv/http und alle Unterordner gehören http, welcher auch in der httpd.conf als Nutzer definiert ist.

die .htaccess in /srv/http habe ich gelöscht und von Wordpress neu erstellen lassen.

Meine httpd.conf liest sich unter anderem:

Code

[COLOR=#000000]
[FONT=Monaco]<Directory />[/FONT]
[FONT=Monaco]    Options  FollowSymLinks[/FONT]
[FONT=Monaco]    AllowOverride All[/FONT]
[FONT=Monaco]    ErrorDocument 500 /500.html[/FONT]
[FONT=Monaco]    ErrorDocument 404 /404.html[/FONT]
[FONT=Monaco]    ErrorDocument 403 /403.html[/FONT]
[FONT=Monaco]</Directory>[/FONT]
[FONT=Monaco]DocumentRoot "/srv/http"[/FONT]
[FONT=Monaco]<Directory "/srv/http">[/FONT]
[FONT=Monaco]    Options Indexes FollowSymLinks[/FONT]
[FONT=Monaco]    AllowOverride All[/FONT]
[FONT=Monaco]</Directory>[/FONT][/COLOR]

Alles anzeigen

trotz allem lädt nur die Startseite. sofern ich auf andere Seiten gehe begrüßt mich nur das:

http://abload.de/image.php?img=…015-035ouat.png

Woran liegts?

Falls ihr schauen wollt: http://archy.no-ip.org

dreadkopp

nochmal zur kurzen Zusammenfassung:

Code

$( '.main-navigation .current-menu-ancestor > .sub-menu')addClass( 'toggled-on');

in eure ./js/functions.js des themes einfügen.

Wenn ihr noch den Dropdownbutton durch drüberhovern ersetzen wollt:

Code

.main-navigation li:hover > ul {
    display: block;
}




.main-navigation li:hover {
   box-shadow: 20px 10px 20px;
}








.dropdown-toggle {
   display:none;
}

Alles anzeigen

in eure style.css einfügen (der zweite Eintrag ist nur Eyecandy).

Voila

dreadkopp

Googlen / Suchen sollte man können :/ Ich hatte nix gefunden, vielen Dank für den Link!

dreadkopp

Hallo Community,

ich bin relativ frisch dabei, was die ganze webdesignsache angeht.

Meine eigene kleine Webpräsenz habe ich mit wordpress erstellt: http://archy.no-ip.org

Mein Problem:

wenn ich mich durch die Navigation zu Unterpunkten durchklicken und eine Seite auswähle, klappt das Navigationsmenü wieder zu und zeigt nur den obersten Elterneintrag als aktiv an.

Wie lässt sich dies ändern, sodass, solange ich aktiv eine Kind-Seite betrachte das Naviagtionsmenu auch ebensoweit aufgeklappt ist?

Ich hoffe ich könnt mir da weiterhelfen.

PS: und hat jemand eine Idee, warum gar nix mehr funktioniert, sobald ich die permalinks ändere, sodass sie die Themenstruktur repräsentieren? Statt meiner Seiten wird einfach gar nix mehr angezeigt (auch nicht der Header/Sidebar)

Grüße und Danke schonmal!

dreadkopp

eine editierfunktion wäre echt toll.... :/

im header.php steht nun:

PHP

<div class="header-wrapper">
        <header id="masthead" class="site-header" role="banner">


            <div class="site-title"> 
                                
                <href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                <p style="color:white; font-size:120%">  <?php echo bloginfo( 'name' ); ?> </p>        
            </div>




            <div class="site-logo" style="<?php echo !$has_logo ? 'display: none' : ''; ?>">
                <?php if( $has_logo ): ?>
                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="site-logo">
                    <img src="http://www.ifg.uni-kiel.de/fileadmin/IfG/gfx/cauLogo_neu.gif"/>
                    </a>
                <?php endif; ?>
            </div>
    </div>

Alles anzeigen

in der style.css:

Code

.site-logo {
    float:left;
    width:30%;
    


.site-title {
    position: relative;
    float: left;
    width:50%;
}

Alles anzeigen

trotzdem gibts kein Logo, sondern nur den Text... vorher waren Logo und Text untereinander... kann mir da jemand aushelfen?

dreadkopp

die geschichte mit dem Titel hat sich geklärt, hier wurde in der header.php unterschieden und entweder ein Logo oder der Titel verwendet... die kleine Lücke ist aber immer noch da und nervt mich...

dreadkopp

Aloha Community,

ich muss nochmal nachfragen, aber da das gestern auch so schnell und unkompliziert ging, bin ich zuversichtlich.

ich bin gerade dabei eine Seite für die Uni etwas aufzufrischen. bisher wurde diese mit typo3 gemacht und vor allem ewig nicht aktualisiert.

Um in es in Zukunft den Leuten einfacher zu machen, news und events einzutragen,wollte ich das ganze noch wordpress protieren/ nachbauen.

derzeit stehe ich aber mal wieder vor einen kleinen Problem:

ich kann entweder einen Titel oder ein Logo verwenden, hätte aber gern rechts neben dem Logo den Seitentitel.

derzeit schaut es so aus:

http://abload.de/img/bildschirmfoto2015-030oasv.png

bzw so:

http://abload.de/image.php?img=bildschirmfoto2015-03tnao6.png

(warum ist abload.de/... keine gültige url für ein bild?)

Ich finde leider keine Angaben zum Titel (um diesen zum Beispiel auch bottom-align zu setzen).

meine style.css:

http://pastebin.com/sXVFaP4g

und die originale seite: http://www.ifg.uni-kiel.de/marineclimateresearch.html

Ebenso verstehe ich nicht, wie diese kleine Lücke zwischen unterem Ende des Logos und der darunterliegenden Leiste entsteht... das soll eigentlich bündig sein...

ne liveversion kann ich derzeit leider nicht bieten, da mein server daheim probleme hat und ich derzeit die Webseite nur auf nem webserver in ner vm hier auf meinem Notebook betreibe.

Ich hoffe, ihr könnt mir noch mal helfen und verzeit meine Unwissenheit, bin doch recht neu in der ganzen web-geschichte ;)

Grüße!

dreadkopp

Aloha Community,

ich muss nochmal nachfragen, aber da das gestern auch so schnell und unkompliziert ging, bin ich zuversichtlich.

ich bin gerade dabei eine Seite für die Uni etwas aufzufrischen. bisher wurde diese mit typo3 gemacht und vor allem ewig nicht aktualisiert.

Um in es in Zukunft den Leuten einfacher zu machen, news und events einzutragen,wollte ich das ganze noch wordpress protieren/ nachbauen.

derzeit stehe ich aber mal wieder vor einen kleinen Problem:

ich kann entweder einen Titel oder ein Logo verwenden, hätte aber gern rechts neben dem Logo den Seitentitel.

derzeit schaut es so aus:

[Blockierte Grafik: http://abload.de/thumb/bildschirmfoto2015-03u7u61.png]
[Blockierte Grafik: http://abload.de/thumb/bildschirmfoto2015-03louns.png]

Ich finde leider keine Angaben zum Titel (um diesen zum Beispiel auch bottom-align zu setzen).

meine style.css:

http://pastebin.com/sXVFaP4g

und die originale seite: http://www.ifg.uni-kiel.de/marineclimateresearch.html

ne liveversion kann ich derzeit leider nicht bieten, da mein server daheim probleme hat und ich derzeit die Webseite nur auf nem webserver in ner vm hier auf meinem Notebook betreibe.

Ich hoffe, ihr könnt mir noch mal helfen und verzeit meine Unwissenheit, bin doch recht neu in der ganzen web-geschichte ;)

Grüße!

dreadkopp

hammer! dankeschön SirEctor... das tut's!

dreadkopp

derzeit nur in ner vm, da mein server grad spinnt und ich nicht daheim bin... :/

dreadkopp

Aloha Community,

ich hoffe, ihr könnt mir weiterhelfen.

Ich möchte ein thema (lonely road) farblich an meine wünsche anpassen.

dazu habe ich die style.css bearbeitet und die background color geändert.

wenn ich nun die seite betrachte, bleibt es allerdings grau. schaue ich mir das element (header-wrapper) mit dem inspector an, stoße ich auf folgendes:

Code

.header-wrapper, .main-navigation ul ul li, #secondary, .entry-content .date {
    background-color: #919191;
}
.header-wrapper {
    background-color: #F78C2E;
}

in der style.css finde ich jedoch nirgends einen eintrag zu dem farbcode #919191

wie krieg ich das hin, dass statt dem netten grau (#919191) mein gewüschtes orange (#f78c2e) angezeigt bekomme?

Grüße!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von dreadkopp

Sicheres Löschen/Ausblenden des Footers beim Theme "Klean"?

Javascript Problem

Javascript Problem

Loading icon überdeckt header

Loading icon überdeckt header

Plugin gesucht

Admin-Leiste will einfach nicht verschwinden

Permalinks %pagetitle% funktioniert nicht

Permalinks %pagetitle% funktioniert nicht

Navigation Kinder bleiben nicht offen

Navigation Kinder bleiben nicht offen

Navigation Kinder bleiben nicht offen

Logo und Seitentitel...

Logo und Seitentitel...

Logo und Seitentitel...

Logo und Seitentitel...

maske über background color

maske über background color

maske über background color