Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Mario

Fortgeschrittener

  • »Mario« ist der Autor dieses Themas

Beiträge: 332

CMS Version: 4.0.x

  • Nachricht senden

1

Samstag, 18. Juni 2016, 17:08

Responsive Navigation

Hi,

Es geht darum ich mach ein Homepage für eine sehr gute Freundin. Normal mach ich keine Homepages mehr, hab ich zu ihr auch gesagt. Aber wie es halt so ist sagte ich ja^^
Da ich mich mittlerweile mehr auf das Fotografieren fokussiert habe :)
Bei ihr läuft es im Moment auch nicht gerade gut. Vielleicht sagte ich deswegen ja. Und ich hab alles auch soweit hinbekommen nur das mit dem Responsiv Menu ist mir ein Rätsel. Könnte mir da jemand Helfen? Würde natürlich auch evtl. einen Betrag bezahlen.
Zur Info ich bekomme da kein Cent! Ich mach das für Sie alles kostenlos.

Würde mich echt freuen wenn mir jemand Helfen könnte.

Ich dachte da an so eine Navi.


Hier die html Datei der Navi.

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!-- Navi -->
<div id="navi">
			<div id="navi_text">
<ul>
  <li><a href="#Startseite" title="Startseite" class="active">Startseite</a></li>
    <li class="dropdown">
    <a href="#" title="&Uuml;ber mich" class="dropbtn">&Uuml;ber mich</a>
    <div class="dropdown-content">
      <a href="#" title="Preisliste">Preisliste</a>
    </div>
  <li class="dropdown">
    <a href="#" title="Behandlungen" class="dropbtn">Behandlungen</a>
    <div class="dropdown-content">
      <a href="#">Hand- und Nagelpflege</a>
      <a href="#">Permanent Make-Up</a>
      <a href="#">Beauty Defect Repair</a>
      <a href="#">Kosmetik</a>
      <a href="#">Miha Bodytec - EMS</a>
    </div>
  <li>
      <a href="#">Gallery</a>
      <a href="#">Partner</a>
      <a href="#">Kontakt & Anfahrt</a>
      <a href="#">Impressum</a>
  </li>
		</ul>
	</div>
</div>
      
<!-- / Navi -->


Hier die CSS der Navi

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
#navi {
	background: #837f7a;
}


#navi_text {
	width: 92%;
	max-width: 912px;
	margin: 0 auto;
}

ul {
    list-style-type: none;
    overflow: hidden;
	font-size: 15px;
}

li {
    float: left; 
	margin: 0 0 0 5px;
}

li a, .dropbtn {
    display: inline-block;
    color: #FFFFFF;
    padding: 10px 20px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #2a2828;
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear; 
    -ms-transition: all 0.2s linear; 
    transition: all 0.2s linear;
}

li.dropdown {
    display: inline-block;
	margin: 0 0 0 5px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #837f7a;
    min-width: 194px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    -webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear; 
    -ms-transition: all 0.2s linear; 
    transition: all 0.2s linear;
}

.dropdown-content a:hover {
	background-color: #2a2828;
}

.dropdown:hover .dropdown-content {
    display: block;
	opacity: 0.9;
}

.active {
	background:#2a2828;
}

mfg Mario

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Mario« (20. Juni 2016, 18:53)


Werbung

Mario

Fortgeschrittener

  • »Mario« ist der Autor dieses Themas

Beiträge: 332

CMS Version: 4.0.x

  • Nachricht senden

2

Sonntag, 26. Juni 2016, 14:14

Hm....keiner eine Idee oder Interesse daran...schade....

mfg Mario

Werbung

emet

Admin & Support

  • »emet« ist männlich

Beiträge: 2 465

Wohnort: Rhein/Main

Paypal:

  • Nachricht senden

3

Mittwoch, 29. Juni 2016, 11:12

Hi, bin auch nur unterwegs.

Lad dir einfach mal die V5 Testversion runter - das Template darauf ist Responsive.

Da kannst du alles nachschauen.
.
HTML, was ist das? Ein neues Männermagazin? Css.., was es so alles gibt!

News: http://www.cms2day.de/news/1/
Features: http://www.cms2day.de/cms-funktionen/

Zufrieden mit cms2day und unserer Arbeit/Support - Spenden (-Button links) sind herzlich Willkommen - Dankeschön.
.

Werbung