Beiträge von tino

danke euch trotzdem,

keiner soll für mich nachlesen, ich dachte halt vielleicht weiß es jemand grad schnell weil er es neulich gemacht hat und ich diese docu nicht richtig verstehe.

egal ich nutz es auf die standard weise, die ist auch gut.

Tino

hallo nochmal,

coole neue version, hätte ich ohne euch nie gefunden.

Das was ich auf der demo-seite bei customize einstellen kann, wo muss ich das in meinem runtergeladenen projekt einstellen, zb. die übergänge?

danke

Tino

ok,

dank euch, ich werde mich mal mit der neuen version rumärgern.

Tino

hi,

naja auf unserer seite: keeplifesimple.de bei allen Bildern.

Wieso in meiner?

Das fancybox benutzt doch seine eigenen dateien und in seiner:

jquery.fancybox-1.3.4.css muss doch das alles geregelt sein.

Tino

hallo,

ich benutze die fancybox für die Anzeige meiner Bilder am Desktop.

Wie kann man den weißen, sehr breiten rahmen verändern.

in der jquery.fancybox-1.3.4.css Datei finde ich nur die Rahmenfarbe hier änderbar:

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;                                         /*  Rahmenfarbe */
}

border steht doch bei: 0px.

Dennoch wirkt er sehr breit, wie 10px, die Farbe ändern funktioniert.

Weiterhin wäre es schön, das gesamte Bild noch etwas größer darzustellen.

Danke für eure Ideen dazu.

Tino

ok,

danke auch dafür, sowas wusste ich nicht.

es ist halt bei mir alles try and error (meist error) und freuen wenn es geht, ein guter programmierstil ist etwas anderes.

gruss Tino

ps. kann ich dich nicht einmal einen tag in echt ausleihen und alle fragen klären

hallo nochmal,

bevor du dich mehr bemühst, ich habe es irgendwie hinbekommen, es lag wohl doch an den beiden "logo", habe die class="logo" jetzt umbenannt.

irgendwo wurde von damals noch was ausgelesen .

danke dir

gruss Tino

hallo,

also deine beiden vorschläge haben keine auswirkung, liegt der fehler nicht eher in dem css für das logo in meiner css (zeile 9 und 10)

es wird immer noch mit opacity 0.2 angezeigt.

das html siehr so aus:

<header>
        <a href="index.php"><img src="bilder/keeplifesimple.jpg"></a>
        <nav id="design_desktop">
          <div class="logo">
                     <img alt="" src="bilder/keeplifesimple-klein.jpg">
          </div>
          <ul class="nav-links2">
                <li><a href="index.php">Startseite</a></li>
                <li><a href="archiv.php">Archiv</a></li>
                <li><a href="galerie.php">Galerie</a></li>
                <li><a href="laender.php">Länder</a></li>
                <li><a href="artikel.php">Artikel / Blog</a></li>
                <li><a href="uns.php">Über mich</a></li>
                <li><a href="traveling-stones/traveling-stones.php">Traveling Stones</a></li>
                <li><a href="kontakt.php">Kontakt</a></li>
          </ul>
        </nav>
  </header>

achso und das eine id="logo" war etwas von damals, hat keine bedeutung mehr

gruss

Tino

hallo,

eine Frage, ich lasse beim scrollen meinen fixed-header stehen und möchte dazu links oben mein logo anzeigen, das geht,

nun möchte ich eine transition von opacity 0.2 bis 1.0.

das js-script sieht so aus:

$(window).scroll(function(){
        if ($(window).scrollTop() >= 130) {
              $('header').addClass('shadow-header');
              document.getElementById("logo").style.visibility= "visible" ;
              var element = document.getElementById('logo');
              element.style.opacity = "1.0";
        }
        else {
              $('header').removeClass('shadow-header');
              document.getElementById("logo").style.visibility= "hidden" ;
        }
  });

logo wird angezeigt , aber noch mit 0.2 wie im css.

das css des "logo":

.logo {
  visibility: hidden;
  margin-left: 20px;
  margin-right: -200px;
  margin-top:  -20px;
  height: 60px;
  width: 200px;
  background-color: #FFFFFF;
  opacity: 0.2;
  transition: opacity 1.6s;
}

kann mir jemand helfen,

ich habe auch schon :

var element = document.getElementById("logo");

bzw:

document.getElementById("logo").setAttribute("style","opacity:1.0");

getestet, es ist immer in 0.2 und nix passiert.

danke euch schon mal

Tino

ok danke,

irgendwie siehts ganz ok aus

Tino

in einem beispiel ist es so, desktop lasse ich 2 buttons ganz oben nach der überschrift anzeigen, mobile stehen diese ganz unten als letztes, nach texten, bildern, etc...

nun stehen sie in meiner nun einzigen php-datei 2x drin, eben oben und unten, beide als segment mit einer id versehen und eben mittels mediaquery, in abhängigkeit der größe die eine auf "hidden" gesetzt, es wird also nichts vorenthalten,

wobei auch das gut sein kann, da manche texte am ewigen händy scrollen echt lang sein können.

gruß Tino

ok,

mercy beim nächsten mal schaffe ich es schneller.

dank dir

Tino

hallo,

eine frage noch, in fast allen ansichten habe ich jetzt nur noch einwas, dass ich im aussehen, farben, alles in den mediaquerys ändere,

aber was ist mit einem container, den in zb. in der mobile ansicht überhaupt nicht haben will?

Da komme ich doch ohne das "visible: hidden" nicht herum.

gruss

Tino

ja, aber wenn ich dich richtig verstehe, hätte ich die zeile doch in dem visual studio code und darin in der json die zeile löschen sollen,

aber das ließ es nicht zu, auch scrollen ging nicht, gar keine short-cuts.... nichts, wie ein abgestürtztes system.

jetzt habe ich die gesamte datei gelöscht und es geht wieder.

warum hat es nach einer deinstallation und wieder installieren die einstellungen gehalten?

egal, es geht wieder - fertig und danke an alle

Tino

hallo,

ja es war das zoomlevel, aber es haben absolut keine tastenkombinationen mehr abgesprochen.

ich habe nun etwas gefunden, man muss eine datei namens settings .json einfach löschen, danach ist das programm irgendwie wieder resetet.

für mich erledigt.

danke an alle

Tino

hi,

danke ich bin dabei alles umzustellen, aber mein visual studio code spinnt,, habs grad gepostet bei dem forum punkt programme

Tino

hallo,

vielleicht ist es hier unpassend, aber mein Visual Studio Code hat plötzlich eine gigantische schriftgröße ????

Die shortcuts für das kleiner-machen sprechen nicht an, und ich habe es deinstalliert und wieder neu installiert und es ist immer noch gigantisch.

Bei einer anleitung steht -> preferences -> settings und dann schriftgröße, aber ich komme nicht hin, da alles rießig ist und ich nicht scrollen kann.

Hat jemand eine idee für diesen irrsinn ?

vielen dank euch

Tino

hallo,

danke dir vielmals,

ich grunde genommen habe ich eben jede meiner seiten 2x, eine nett gemacht für mobile und eine für desktop...

screen and (max-width: 3000px)

und damit habe ich halt versucht, das richtige css in abhängigkeit der größe zu laden.

ich mache es jetzt in einer css dabei mit mediaquery und lass dann wie du auch sagst mit : visibility: hidden;

die jeweiligen container einfach nicht anzeigen.

irgendwie wirds schon klappen,

danke an alle die die frage gelesen haben

Tino

hallo,

ich habe mal wiede eine Frage, im Moment habe ich für meine Webseite noch 2 verschiedene Ansicht für meine Bilder in den Artikeln,

nun will ich endlich die responsive sache lernen.

In der Desktop ansicht ist das Bild, darüber eine fancybox, ein onscrolleffekt, etc..... es sicht so aus:

<section class="flex-item">
          <div class="hideme"> <div class="bird">  <a rel="example_group" href="fotoparade/gardasee-3.jpg">    <img alt="" title="" src="fotoparade/thumbs/gardasee-3.jpg" />
          <span class="transition overlay"> <h2>Gardaseeimpressionen</h2> </span>   </a></div></div>   
 </section>

in der mobile ansicht ist es schlicht, keine onscroll, kein overlay, und auch der link ist anders, so:

<section class="flex-item">
        <a href="swiper/swiper_fotoparade.php#slide_23">   <img alt="" title="" src="fotoparade/thumbs/gardasee-3.jpg" /></a>
</section>

wie kann ich das jetzt in einer css datei vereinen?

die größe und ob die flexbox row oder column ansicht hat, ist kein problem, das mach ich mit den mediaquery ab zb.800px,

aber die verschiedenen links und zb. das

<div class="hideme"> 

weglassen.

vielen dank für eure ideen dazu.

ps. https://keeplifesimple.de/artikel/zufallspitze.php

unsere seite wie es jetzt mit desktop und mobile aussieht, sorry besser kann ich es nicht.

gruss

Tino

hi,

alles klar,

danke nochmal an alle.

Tino