Beiträge von NoHand

NoHand

Zitat von SirSonay

Geht auch. robin.lizecf

Hab dich angeschrieben

NoHand

Hab kein Discord nur Skype

NoHand

Zitat von SirSonay
am besten machst du eine Klasse für den footer.
Code: Html
<div class="footer">Footer</div>
Code: Css
.footer {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 30px 0;
}
Habe es am Handy geschrieben und konnte es nicht testen, also wenn etwas nicht klappt sag bescheid.

PS: Die Center-Funktion die du nutzt klappt schon lange nicht mehr.

00000.PNG Jetzt ist es so

NoHand

Hallo Rt, irgendwie wenn ich ein Footer mache ist der nicht ganz unten, woran liegt das?

0.PNG

HTML

Spoiler anzeigen

<html>

<head>

<title>Layout</title>

</head>

<body>

<ul>

<li><a href="https://habbocastle.de/"><i class="fa fa-home" aria-hidden="true"></i> Startseite</a>

<ul>

<li><a href="http://habbo.st">HabboST</a></li>

</ul>

</li>

<li><a href="#"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Aktuelles</a>

<ul>

<li><a href="/liveticker">Liveticker</a></li>

<li><a href="/newsarchiv">Newsarchiv</a></li>

</ul>

</li>

<li><a href="#"><i class="fa fa-users" aria-hidden="true"></i> Community</a>

<ul>

<li><a href="/team">Unser Team</a></li>

<li><a href="/karriere">Karriere</a></li>

<li><a href="/user">Mitglieder</a></li>

</ul>

</li>

<li><a href="#"><i class="fa fa-gamepad" aria-hidden="true"></i> Fancenter</a>

<ul>

<li><a href="/avatargenerator">Habbo Imager</a></li>

<li><a href="/altcodes">Alt Codes</a></li>

<li><a href="/badgelist">Badgeliste</a></li>

</ul>

</li>

<li style="background-color: #e01313;"><a href="#"><i class="fa fa-users" aria-hidden="true"></i>Housekeeping</a></li>

</ul>

</div>

<div class="kreisr" style="background-color:#e00d0d45;"><div style="margin-top: 10px;position: relative;cursor: default;">Admin</div></div>

</header>

<h1>Mein Profil</h1>

<b>13 500</b> Taler

</div>

<b>0</b> Sterne

</div>

<b>5</b> Diamanten

</div>

<b>0</b> Stunden insgesamt online

</div>

<div class="unten2 mittig"><div class="newstext">Achtung! Neue Nachrichten: <b>Style der Woche #4</b></div></div>

</div>

<div class="tlt">Was steht im Hotel an?</div>

<div style="margin-left: 15px;font-weight: bold;color: rgba(0, 0, 0, 0.8);">Hazed.cs</div>

<div style="margin-left: 10px;border-radius: 3px;width: 240px;padding: 10px;font-size: 13px;border: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.01);">News wurde nicht gefunden!</div>

</div>

<div style="float: left;margin-left: 10px;font-weight: bold;color: rgba(0, 0, 0, 0.8);">Maexel</div>

<div style="float: right;border-radius: 3px;margin-right: 15px;width: 235px;padding: 10px;font-size: 13px;border: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.01);">News wurde nicht gefunden!</div>

</div>

<div style="margin-left: 15px;font-weight: bold;color: rgba(0, 0, 0, 0.8);">Maexel</div>

<div style="margin-left: 10px;border-radius: 3px;width: 240px;padding: 10px;font-size: 13px;border: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.01);">News wurde nicht gefunden!</div>

</div>

<div style="margin-left: 15px;font-weight: bold;color: rgba(0, 0, 0, 0.8);">Maexel</div>

<div style="margin-left: 10px;border-radius: 3px;width: 240px;padding: 10px;font-size: 13px;border: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.01);">News wurde nicht gefunden!</div>

</div>

<div class="tlt">Hotel Kampagnen</div>

<div style="font-size: 15px;letter-spacing: 0.5px;">Willkommen im Habbo.st</div>

<div style="font-size: 12px;color: rgba(0, 0, 0, 0.7);">Hey du, na bist du schon mit unseren Mitarbeitern vertraut?</div>

</div>

<div style="font-size: 15px;letter-spacing: 0.5px;">Willkommen im Habbo.st</div>

<div style="font-size: 12px;color: rgba(0, 0, 0, 0.7);">Hey du, na bist du schon mit unseren Mitarbeitern vertraut?</div>

</div>

<center>Design by PowerModer</center>

</div>

</body>

</html>

style.css

Spoiler anzeigen

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700');

ul {list-style:none;position:relative;margin:0;padding:0;z-index: 65535;left:240px;}

ul a {display:block;color: #fff;text-decoration:none;font-size:15px;line-height:55px;height:55px;padding:0 15px;transition-duration:0.7s;}

ul li {position:relative;float:left;margin:0;padding:0}

ul li a.noclick {cursor: default !important;}

ul li:hover {background: #222;color: #fff !important;transition-duration:0.7s;}

ul ul {display:none;position:absolute;top:100%;left:0;background:#333;padding:0;border-radius: 0 0 2px 2px;box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);}

ul ul li {float:none;width:150px;height:40px;}

ul ul a {line-height:40px;color: white;}

ul ul ul { top:0;left:100%}

ul li:hover > ul {display:block}

body {

margin:0;

background-color:#f4f4f4;

font-family:'Muli', sans-serif;

color:black;

}

header {

width:100%;

height:37%;

overflow: hidden;

background:url(/images/header_background_eve.png);

}

html {

margin-bottom: 15px;

}

.kreis {

width: 100px;

height: 100px;

border-radius: 50px;

background: #1f1e1e no-repeat center -30px;

margin-top: -55px;

margin-left: 120px;

position: absolute;

}

.hotel {

position: relative;

width: 70%;

opacity: 0.8;

background: url(/images/headerright_1.png) 100% 50% no-repeat;

float: right;

right: 40px;

height: 175px;

}

.nav {

height: 55px;

background-color: #1f1e1e;

transition-duration: 0.7s;

}

.kreisr {

width: 100px;

height: 100px;

border-radius: 50px;

margin-top: -55px;

margin-left: 120px;

opacity:0;

position: absolute;

}

.kreisr:hover {

opacity:1;

font-weight: 500;

transition: all 0.4s ease;

color: #fff;

text-align: center;

}

.box {

padding: 10px;

background: #fff;

box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

width: 350;

float: left;

margin-right: 10px;

overflow: hidden;

}

.clear {

position:relative;

margin-left:90px;

margin-top:10px;

}

.tlt {

width: 100%;

padding-top: 5px;

border-radius: 2px;

height: 25px;

position: relative;

background-color: #4490b3;

text-align: center;

color: #FFFFFF;

margin-bottom: 10px;

box-shadow: 0 0 1px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

}

.footer {

width:100%;

height:27px;

background-color:red;

}

Me.css

Spoiler anzeigen

.mebox2 {

padding: 10px;

background: #fff;

box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

width: 400px;

float: left;

margin-right: 10px;

height: 170px;

overflow: hidden;

border-radius: 2px;

}

.mebox {

width: 637px;

float:left;

height: 191px;

margin-right:8px;

background: url(/images/me/me-bg.png) 1% 0% no-repeat rgb(255, 255, 255);

background-position: 1% 0%;

box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

border-radius: 2px;

}

.Kampagnenbox {

padding: 10px;

background: #fff;

box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

width: 350;

float: left;

margin-right: 10px;

overflow: hidden;

border-radius: 2px;

}

.newsbox {

padding: 10px;

background: #fff;

box-shadow: 0 0 4px rgba(0,0,0,0.15), 0 1px rgba(0,0,0,0.15);

width: 400px;

float: left;

margin-right: 10px;

height: 171px;

overflow: hidden;

border-radius: 2px;

}

.newsbox .unten2 {

position: absolute;

border-top: 1px solid rgba(0, 0, 0, 0.8);

background: rgba(0, 0, 0, 0.7);

width: 421px;

height: 28px;

margin-left: -10px;

margin-top: 153px;

border-radius: 0px 0px 3px 3px;

}

.newsbox .unten2 .newstext {

color: #FFF;

font-size: 12px;

float: left;

background: url(/images/me/10.gif);

background-repeat: no-repeat;

background-position: 0% 50%;

height: 30px;

line-height: 30px;

padding-left: 20px;

margin-left: 10px;

}

.mebox .unten {

position: absolute;

border-top: 1px solid rgba(0, 0, 0, 0.8);

background: rgba(0, 0, 0, 0.7);

width: 636px;

height: 28px;

margin-left: 0px;

margin-top: 162px;

border-radius: 0px 0px 3px 3px;

}

.mebox .unten .taler {

color: #FFF;

font-size: 12px;

float: left;

background: url(/images/me/6.png);

background-repeat: no-repeat;

background-position: 0% 50%;

height: 30px;

line-height: 30px;

padding-left: 20px;

margin-left: 10px;

}

.mebox .unten .sterne {

color: #FFF;

font-size: 12px;

float: left;

background: url(/images/me/8.png);

background-repeat: no-repeat;

background-position: 0% 50%;

height: 30px;

line-height: 30px;

padding-left: 20px;

margin-left: 20px;

}

.mebox .unten .online {

color: #FFF;

font-size: 12px;

float: left;

background: url(/images/me/9.png);

background-repeat: no-repeat;

background-position: 0% 50%;

height: 30px;

line-height: 30px;

padding-left: 20px;

margin-left: 20px;

}

Danke für eure Hilfe

NoHand

Danke dir auch

NoHand

^MODSirSonay Danke dir

Asoo so geht das.

#edit

Also Der Avatar im Kreis machen und ja der rest weiß ich ja xD.

Ich blödiii.

Danke nochmal ^MODSirSonay

NoHand

Zitat von SirSonay

Oh und den HTML Code.

</div>

NoHand

.avatar {

height: 132px;

margin-top: -30px;

margin-left: -17px;

}

.kreis {

width: 100px;

height: 100px;

border-radius: 50px;

background-color: #1f1e1e;

margin-top: -55px;

margin-left: 120px;

position: absolute;

}

NoHand

Hallo RT, was geht abbb??

Ich wollte mal fragen, wie man das Bild abrunden kann??

Also das es oben normal ist und wenn der Kreis aufhört, dass der rest vom Avatar weg ist. Das es so aussieht, dass es rund sei.

Ihr versteht schon wie ich meine

LG NoHand

00000000.PNG

NoHand

Hab kein Discord, wir können über Retrotown schreiben. Also Privatchat.

NoHand

Zitat von InsanityHotel

Echt Fett dankeschön aber wie füge ich das jetzt mit meinem design hinzu?

Du löscht dein altes und fügst, dass ein, was ich dir geschickt hab.

NoHand

Hier, hab es kurz gerippt und angepasst.

https://www.mediafire.com/file/exx9qfvks…yHotel.rar/file

NoHand

@InsanityHotel gib für sowas kleines kein Geld aus. Lad dir vorhandene Designs. Es gibt zwar nicht wie sowas, aber etwas schönes ist immer irgendwo dabei.

Nix gegen dich ^MODSirSonay, will dir keine Geschäfte kaputt machen

#EDIT

Rippe dir einfach das Design.

Link: https://puomi.tunk.org

NoHand

Thanks

NoHand

Zitat von teacher

ohne struktur wird das tricky

wenn wir davon ausgehen, dass #dropdown das element .nav a enthält, kannst du das einfach mit #dropdown:hover > .nav a {background: red} lösen.
wenn das nicht der fall ist, musst du dein markup ein wenig umstrukturieren, da in css ein child nicht den parent triggern kann.

HTML

Spoiler anzeigen

<html>

<head>

<title>Layout</title>

</head>

<body>

<ul>

<li class="tutorials"><a class="active" href="#">Tutorials</a></li>

<li class="about"><a href="#">About</a></li>

<li class="news" id="dropdown"><a href="#">Newsletter</a>

<span>Hello World!</span>

</div>

</li>

<li class="contact"><a href="#">Contact</a></li>

</ul>

</div>

</header>

</body>

CSS

Spoiler anzeigen

body {

margin:0;

background-color:#f4f4f4;

}

header {

width:100%;

height:28%;

background-color:#3475af;

}

img {

border:0;

outline-style:none;

outline-width:0;

}

.hotel {

position: absolute;

top: -164px;

width: 38%;

opacity: 0.8;

background: url(/images/default_new_bg_right.png);

float: right;

right: 40px;

height: 342px;

}

.nav {

position: relative;

top: 135px;

float: left;

left: 215px;

}

.nav ul {

list-style: none;

text-align: center;

padding: 0;

margin: 0;

}

.nav ul {

list-style: none;

text-align: center;

padding: 0;

margin: 0;

}

.nav li {

font-family: 'Oswald', sans-serif;

font-size: 1.2em;

line-height: 40px;

height: 40px;

border-bottom: 1px solid #888;

}

.nav a {

text-decoration: none;

color: #fff;

display: block;

transition: .3s background-color;

}

.nav a:hover {

background-color: #368fdeeb;

}

.nav a.active {

background-color: #fff;

color: #424242;

cursor: default;

}

@media screen and (min-width: 600px) {

.nav li {

width: 120px;

border-bottom: none;

height: 43px;

line-height: 43px;

font-size: 1.4em;

}

.nav li {

display: inline-block;

margin-right: -4px;

}

#dropdown {

position: relative;

display: inline-block;

}

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

min-width: 88px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

padding: 12px 16px;

z-index: 1;

color: #424242;

cursor: default;

font-size:18px;

}

#dropdown:hover .dropdown-content {

display: block;

}

NoHand

Hallo Leudeeeee, was geht ab?

Ich bräuchte mal Hilfe

why.gif

Folgendes, wenn ich über die Dropbox gehe ist ja erst mal das obere Blau, aber wenn ich dann nach unten gehe verschwindet das Blaue, wie mache ich es, wenn ich den Bereich des Blaues Feld verlasse und nach unten gehe, dass es immernoch blau ist??? Wäre nett für eure Hilfe.

Spoiler anzeigen

.nav { position: relative; top: 135px; float: left; left: 215px; } .nav ul { list-style: none; text-align: center; padding: 0; margin: 0; } .nav ul { list-style: none; text-align: center; padding: 0; margin: 0; } .nav li { font-family: 'Oswald', sans-serif; font-size: 1.2em; line-height: 40px; height: 40px; border-bottom: 1px solid #888; } .nav a { text-decoration: none; color: #fff; display: block; transition: .3s background-color; } .nav a:hover { background-color: #368fdeeb; } .nav a.active { background-color: #fff; color: #424242; cursor: default; } @media screen and (min-width: 600px) { .nav li { width: 120px; border-bottom: none; height: 43px; line-height: 43px; font-size: 1.4em; } .nav li { display: inline-block; margin-right: -4px; } } #dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 88px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; color: #424242; cursor: default; font-size:18px; } #dropdown:hover .dropdown-content { display: block; }

NoHand

Zitat von Cryxon

Hay,

Du könntest ja mal den Dienst nochmal neu installieren und vielleicht funktioniert es ja dann.

Hab ich schon Trz danke.

NoHand

Hallo Rt, irgendwie will iis nicht starten, woran liegt dass?

Unbenannt.PNG

NoHand

Danke hab es jetzt installiert. Auf den Webplattinstaller ging es nicht.

Aber hab vorhin komplett IIS neu draufgemacht und jetzt hab ich folgenden Problem.

Wenn ich meine Seite aufrufe kommt "127.0.0.1 hat die Verbindung abgelehnt."

0000.PNG

NoHand

Zitat von PixelFriend

Url Rewrite installierst du in der Regel (war zumindest beim Windoofs Server 2008 und dito R2 so) über die Routine der Rolleninstallation zu Features und nicht über den Web Platform installer.

Und wie sollte es gehen? Ich kenne es nur über Webplattform Installer

Beiträge von NoHand

Footer klappt nicht richtig.

Footer klappt nicht richtig.

Footer klappt nicht richtig.

Footer klappt nicht richtig.

CSS Abrunden

CSS Abrunden

CSS Abrunden

CSS Abrunden

CSS Abrunden

[HILFE] Wie erstelle ich einen Text in der Box (CMS) [HILFE]

[HILFE] Wie erstelle ich einen Text in der Box (CMS) [HILFE]

[HILFE] Wie erstelle ich einen Text in der Box (CMS) [HILFE]

[HILFE] Wie erstelle ich einen Text in der Box (CMS) [HILFE]

Dropdown Hilfe :P

Dropdown Hilfe :P

Dropdown Hilfe :P

IIS Startet nicht

IIS Startet nicht

HTTP Fehler IIS

HTTP Fehler IIS