Seite 4 von 4

Re: Link Tipp

Verfasst: Sa 23. Dez 2023, 08:21
von Butterblume
moni hat geschrieben: Mi 20. Dez 2023, 20:25 Ja, das sieht gut aus ...

Wen du den Link Tipp unten Ho ho haben möchtest, da kann man versuchen direkt in die Navigation, den zu platzierten ..Ho Ho das ist schon Navigation und der Abschnitt muss bleiben ..
Versuche so was zu machen ,öffne die Datei navigation.ini
und auf diese Stelle fügst das Link Tipp mit den PHP code
-------------------------------------------------------------------------------------------
<ul class="topnav">
<li class="icon"><a href="javascript:void(0);" style="font-size:0.9em;" onclick="myFunction()"><i><b>Ho-Ho-Ho</b></i></a></li>
<li>Link Tipp<?php

//
//BACKLINKSELLER WEBSITE-CODE (ECHO) VERSION 2
//............................... den ganzen PHP Code einfügen.... return $response;
}
echo(backlinkseller($BACKLINK_SELLER));

?>
</li>

<li><a href="../../../index.php" class="menulink">Home</a></li>
<li><a href="../../../info/news.php" >Engelsüße News</a></li>
<li><a href="../../../privat/ueber_mich.php">Himmlisches über mich...</a></li>
<li><a href="../../../gb/einleitung_gb.php" target="_self"><img src="../../../images/gb/karin kerze.gif" alt=""></a></li>
------------------------------------------------------------------------------------------------------------------
Schau nach, ob das klappt, bin mir sicher, das muss gut möglich sein

notfalls sende mir die navigation .ini Datei zu da kann dir das auch einrichten

Hallo Moni,

ich habs auf meienr Test Seite nochmal probiert. sieht genauso aus wie schon gehabt!

Ich lasse es jetzt so, passt schon!

Vielen DAnk ihr beiden!

Re: Link Tipp

Verfasst: Sa 23. Dez 2023, 11:39
von HTML-Laie
Butterblume hat geschrieben: Sa 23. Dez 2023, 08:17
HTML-Laie hat geschrieben: Do 21. Dez 2023, 17:44
Muss ich das verstehen?
Ich würde sagen du hast etwas Farbe vergessen :lol:

Code: Alles auswählen

ul.topnav li a {
  display: block;
  color: #524847;
  text-align: left;
  padding: 2px 5px 5px 5px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.9em;
  border-bottom: 1px dotted #;
}
LG Hape :roll:


Hape du,

ich habe auf der Test seite sowie auf der Weihnachtszauber folgenden Code drin?

Code: Alles auswählen

ul.topnav li a {
  display: block;
  color: #FFFFFF;
  text-align:left;
  padding:2px 5px 5px 5px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.9em;
   border-bottom: 1px dotted #FFFFFF;
}
Hape du,

ich habe auf der Test seite sowie auf der Weihnachtszauber folgenden Code drin?
Das ist schön das du auf den genannten Seiten den Farbcode drin hast, aber auf der eigentlichen Seite von der wir sprachen : Herbst Impressionen befindet sich diese Angabe nicht in der dazugehörigen CSS-Datei. Wie in deinem Fall (viele Webseiten) ist es nicht verwunderlich das man den Überblick verliert.

LG Hape :)

Re: Link Tipp

Verfasst: Sa 23. Dez 2023, 18:29
von Butterblume
Ah okay hape,

Ich war die ganze zeit noch auf der weihnachtszaber, weil da alles angefangen hat. Typisch ich wieder....

Habs jetzt geändert! Nu sollte es hoffentlich richtig sein

Aber die links in der navi werden dennoch nicht durch trennlinien abgeteilt. Nur oben und unten. ?

Ich gucke morgen in ruhe nochmal. Habs jetzt übers tablet gemacht!

Re: Link Tipp

Verfasst: Sa 23. Dez 2023, 20:52
von moni
Hallo Karin ..

Tausche Inhalt von style-navi.css und es wird den Punkten das erledigt
das ist diese CSS Datei

https://www.herbst-impressionen.karins- ... e-navi.css

hier ist das korrigiert

Code: Alles auswählen

 ul.topnav {
  width:100% ;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:transparent;
}
ul.topnav li {float: none}
ul.topnav li a {
  display: block;
  color: #524847;
  text-align:left;
  padding:2px 5px 5px 5px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.9em;
   border-bottom: 1px dotted #524847;
}
/* topnav */
ul.topnav li a:hover {background-color:transparent;}
ul.topnav li.icon {display: inline; }
@media only screen and (max-width:768px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: block;
    text-decoration: none; 
}
}
@media only screen and (max-width:768px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0; 
}
  ul.topnav.responsive li {
    float: none;
    display: block;
}
ul.topnav.responsive li a {
    display: block;
    text-align: left;
}
}
/* Untermenü */
.menutitle{
    font-size: 0.9em;
    cursor:pointer;
    background-color:transparent;
    color:#524847;
    padding:2px 5px 5px 5px;
    text-align:left;
    font-weight:normal;
    border-bottom: 1px dotted #524847;
}
.submenu {
background-color: #D4CBBA;
}
.submenu a {
   color: #;
   text-decoration: none;
   border-bottom: 1px dotted #524847;
}
.submenu a:hover {
   text-decoration: none;
   color:  #823D04;
}
...................................................
Butterblume hat geschrieben: Sa 23. Dez 2023, 08:21
moni hat geschrieben: Mi 20. Dez 2023, 20:25 Ja, das sieht gut aus ...

Wen du den Link Tipp unten Ho ho haben möchtest, da kann man versuchen direkt in die Navigation, den zu platzierten ..Ho Ho das ist schon Navigation und der Abschnitt muss bleiben ..
Versuche so was zu machen ,öffne die Datei navigation.ini
und auf diese Stelle fügst das Link Tipp mit den PHP code
-------------------------------------------------------------------------------------------
<ul class="topnav">
<li class="icon"><a href="javascript:void(0);" style="font-size:0.9em;" onclick="myFunction()"><i><b>Ho-Ho-Ho</b></i></a></li>
<li>Link Tipp<?php

//
//BACKLINKSELLER WEBSITE-CODE (ECHO) VERSION 2
//............................... den ganzen PHP Code einfügen.... return $response;
}
echo(backlinkseller($BACKLINK_SELLER));

?>
</li>

<li><a href="../../../index.php" class="menulink">Home</a></li>
<li><a href="../../../info/news.php" >Engelsüße News</a></li>
<li><a href="../../../privat/ueber_mich.php">Himmlisches über mich...</a></li>
<li><a href="../../../gb/einleitung_gb.php" target="_self"><img src="../../../images/gb/karin kerze.gif" alt=""></a></li>
------------------------------------------------------------------------------------------------------------------
Schau nach, ob das klappt, bin mir sicher, das muss gut möglich sein

notfalls sende mir die navigation .ini Datei zu da kann dir das auch einrichten

Hallo Moni,

ich habs auf meienr Test Seite nochmal probiert. sieht genauso aus wie schon gehabt!

Ich lasse es jetzt so, passt schon!

Vielen DAnk ihr beiden!
Mache dir das nach weihnachten fertig

Re: Link Tipp

Verfasst: So 24. Dez 2023, 16:07
von Butterblume
Lass dir zeit! Moni! Danke schön!

Re: Link Tipp

Verfasst: So 24. Dez 2023, 17:27
von Butterblume
Hape,

Ich habe eben noch einmal wegen der trennstriche in der navi geguckt. Jetzt sind sie alle da. Vielleicht brauchte der server ein bissche länger mit der umsetztung! Aber nu ist die seite auch fertig!

:DA schön!

Re: Link Tipp

Verfasst: So 24. Dez 2023, 17:29
von Butterblume
moni hat geschrieben: Sa 23. Dez 2023, 20:52 Hallo Karin ..

Tausche Inhalt von style-navi.css und es wird den Punkten das erledigt
das ist diese CSS Datei

https://www.herbst-impressionen.karins- ... e-navi.css

hier ist das korrigiert

Code: Alles auswählen

 ul.topnav {
  width:100% ;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:transparent;
}
ul.topnav li {float: none}
ul.topnav li a {
  display: block;
  color: #524847;
  text-align:left;
  padding:2px 5px 5px 5px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 0.9em;
   border-bottom: 1px dotted #524847;
}
/* topnav */
ul.topnav li a:hover {background-color:transparent;}
ul.topnav li.icon {display: inline; }
@media only screen and (max-width:768px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: block;
    text-decoration: none; 
}
}
@media only screen and (max-width:768px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0; 
}
  ul.topnav.responsive li {
    float: none;
    display: block;
}
ul.topnav.responsive li a {
    display: block;
    text-align: left;
}
}
/* Untermenü */
.menutitle{
    font-size: 0.9em;
    cursor:pointer;
    background-color:transparent;
    color:#524847;
    padding:2px 5px 5px 5px;
    text-align:left;
    font-weight:normal;
    border-bottom: 1px dotted #524847;
}
.submenu {
background-color: #D4CBBA;
}
.submenu a {
   color: #;
   text-decoration: none;
   border-bottom: 1px dotted #524847;
}
.submenu a:hover {
   text-decoration: none;
   color:  #823D04;
}
...................................................
Butterblume hat geschrieben: Sa 23. Dez 2023, 08:21
moni hat geschrieben: Mi 20. Dez 2023, 20:25 Ja, das sieht gut aus ...

Wen du den Link Tipp unten Ho ho haben möchtest, da kann man versuchen direkt in die Navigation, den zu platzierten ..Ho Ho das ist schon Navigation und der Abschnitt muss bleiben ..
Versuche so was zu machen ,öffne die Datei navigation.ini
und auf diese Stelle fügst das Link Tipp mit den PHP code
-------------------------------------------------------------------------------------------
<ul class="topnav">
<li class="icon"><a href="javascript:void(0);" style="font-size:0.9em;" onclick="myFunction()"><i><b>Ho-Ho-Ho</b></i></a></li>
<li>Link Tipp<?php

//
//BACKLINKSELLER WEBSITE-CODE (ECHO) VERSION 2
//............................... den ganzen PHP Code einfügen.... return $response;
}
echo(backlinkseller($BACKLINK_SELLER));

?>
</li>

<li><a href="../../../index.php" class="menulink">Home</a></li>
<li><a href="../../../info/news.php" >Engelsüße News</a></li>
<li><a href="../../../privat/ueber_mich.php">Himmlisches über mich...</a></li>
<li><a href="../../../gb/einleitung_gb.php" target="_self"><img src="../../../images/gb/karin kerze.gif" alt=""></a></li>
------------------------------------------------------------------------------------------------------------------
Schau nach, ob das klappt, bin mir sicher, das muss gut möglich sein

notfalls sende mir die navigation .ini Datei zu da kann dir das auch einrichten

Hallo Moni,

ich habs auf meienr Test Seite nochmal probiert. sieht genauso aus wie schon gehabt!

Ich lasse es jetzt so, passt schon!

Vielen DAnk ihr beiden!
Mache dir das nach weihnachten fertig

Moni,
Ich habe die frabe zugestzt und die unterstriche sind jetzt da innder navi... es ging darum, dass die limks nicht durch diesen unterstrich abgetrennt waren. War noch was abderes? Weil mir war nur das aufgefallen?