Link Tipp

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7483
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Link Tipp

Beitrag 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!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 328
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Link Tipp

Beitrag 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 :)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7483
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Link Tipp

Beitrag 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!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8306
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Link Tipp

Beitrag 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
Viele Grüße ...Monika
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7483
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Link Tipp

Beitrag von Butterblume »

Lass dir zeit! Moni! Danke schön!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7483
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Link Tipp

Beitrag 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!
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7483
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Link Tipp

Beitrag 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?
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast