Seite 1 von 5
« Seite
1
2
3
4
5
Seite »
Sehe ich auch so. Ich bleibe aber auch beim Business v4. Das mobile Template für Seitenaufrufe mit mobilen Endgeräten reicht mir dort vollkommen und den Usern meiner zwei Foren auch.
.sidebarcontent .messageUser span img { display:none; } Das noch einfügen und der Kopf oben links am Avatar verschwindet
Ich habe den Code aus TripleM´s Plugin genommen .... Konnte ihn nicht erreichen ... Ich hoffe er hat nichts dagegen
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 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196
<div class="menu-outer"> <div class="menu-icon"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <nav> <ul> <li><a href="https://www.google.de">kalte Wintertage</a></li> <!-- <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> --> </ul> </nav> </div> <a class="menu-close" onClick="return true"> <div class="menu-icon"> <div class="bar"></div> <div class="bar"></div> </div> </a> <style type="text/css"> .menu-outer:hover ~ .menu-close { margin-right:-50px; } .menu-outer:hover .bar { background:rgba(100,200,240,.5); } .menu-outer > nav ul { top:5%; } /* The rest I chnaged parts but not most of it */ .menu-outer { overflow: hidden; position: fixed; top: 0; font-family: 'Montserrat', serif; z-index: 998; width: 100%; left: 100%; margin-left: -50px; height: 200%; background: rgba(400,500,540,.5); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-outer:hover { background: rgba(300,400,440,.98); left: 0; margin-left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .menu-icon { z-index: 999; position: absolute; top: 58px; left: 15px; width: 30px; pointer-events: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .menu-outer:hover > .menu-icon { opacity: 0; } nav ul { position:absolute; width:100%; padding: 0; left: 10%;; /*prevents possible click when not oppened*/ -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .menu-outer:hover > nav ul { left: 0; } nav li { list-style:none; text-align: center; } nav li a { font-size: 2em; color: rgba(255,255,255,.8); text-decoration: none; margin: 0 auto; padding: 20px; display:block; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } nav li a:hover { color: rgba(155,155,155,2); } @media screen and (max-width: 600px), screen and (max-height: 600px) { nav ul {font-size:.75em;} nav ul a {padding: 10px;} } .menu-close { z-index: 9999; position: fixed; top: 0; right: 100%; width: 200px; height: 200px; background: rgba(350,230,170,1); cursor: pointer; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-close .menu-icon { right: 15px; left: auto;top: 68px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-close .bar { background: rgba(250,250,250,1); width: 100%; height: 5px; position:absolute; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .menu-close .bar:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-close .bar:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } </style>
Der Code, als Plugin für den unten auf dem Bild zusehenden Musikplayer ... Er ist auf der Forenübersicht und schimmert durch.
Forum Übersicht .... footer 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
<style> #weihnachtaudio{ position: fixed; bottom: 5%; right: 2%; z-index: 40000; border-radius: 0px; border: 1px solid red; } #weihnachtaudio:hover { background: #090; border: 4px solid red; } #weihnachtaudio a { font: 1em arial; text-decoration: none; display: block; padding: 8px 12px; } #weihnachtaudio a:hover { text-decoration: underline; color: red; } </style> <div id="weihnachtaudio"> <audio src="https://files.homepagemodules.de/b135428/f199t8864p428104n4_hkiAVdTl.mp3" controls="controls"></audio> </div>
Es funktioniert alles super .... Ich bin aber kein großer Html-ler .... Ich hoffe, dass Wolfgang noch mal drüber guckt
[[File:Ashampoo_Snap_2020.12.12_13h58m05s_005_.jpg|none|400px|400px]] bisschen mit rumgebastelt
danke ... super Idee
Tolle Idee soeben installiert
wieder eine Super Idee von dir ... fantastisch würde das auch auf der Portal Seite funktionieren?... ich hoffe ich habe nichts überlesen denn bei mir funktioniert Variante 3 nicht im Portal ---------------- V 3.1 funktioniert super
Business Template es läuft in keines meiner Foren ... auch nicht in dem fast "unberührten" Testforum sieht dann so aus ... Script in den Footer gesetzt [[File:iconb.JPG|none|400px]] [[File:smil2.JPG|none|400px]]
Das Verschieben funktioniert bei mir leider nicht. In der Fußzeile nicht und nicht als PI in " Neuen Beitrag schreiben .... footer ". Gruß Lud
klappt prima
fantastisch .... danke euch Beiden
super ... vielen Dank
Thema von Hans58 im Forum Alles für Ihr eigenes...
Hallo Wolfgang, Hallo zusammen, ich möchte das Avatarbild vergrößern wenn man mit der Maus drüber fährt dass habe ich im Netz gefunden und mir zurecht gebastelt ... es funktioniert in allen Browsern ich bin mir aber nicht sicher ob alles so richtig ist wenn du bitte mal drüber schauen könntest .... danke /* Avatar vergrößern Verzögerung */ div#mavatar1.messageAvatar { transition: transform 0.8s; -moz-transition: transform 0.8s; -webkit-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; } /* Avatar vergrößern */ .messageAvatar:hover { cursor: default; cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; transform: scale(2.0, 2.0); -moz-transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); -o-transform: scale(2.0, 2.0); -ms-transform: scale(2.0, 2.0); } Gruß Lud
tausend Dank
danke ... die Forum-Variable habe ich gesucht bei mir schaut es jetzt so aus
1 2 3 4 5 6 7 8 9
<div id="navigation" class="navigation_wrap"> <ul class="navigation"> <li class="menu_item" style="padding:0px 0px; margin-top: -21px; background:#ebdbae;"> <a href="{{link_myratings}}-raitings.html"> <span style="padding:0px 6px;">Bw</span> </a> </li> </ul> </div>
ergibt das [[File:Un.JPG|none|fullsize]]
oben in der Navi ... das funzt so gut .
damit komme ich nur in das Profil ... leider nicht in die Bewertungen
Inhalte des Mitglieds Hans58
Seite 1 von 5
« Seite
1
2
3
4
5
Seite »