Beiträge von sn0w

Hallo,

nach einer weiler melde ich mich mal wieder zu Wort. Habe zu Hause leider keinen PC mehr da er kaputt gegangen ist, aber auf der Arbeit kann ich trotzdem immer mal wieder ins Forum schaun. :-)

In diesem Thread geht es um ein Homepage Template welches ich für eine Firma gemacht habe.
Ich habe ein Screenshot von der Seite gemacht, damit ihr eure Meinung dazu äußern könnt und auch sehen könnt, das ich mich mit HTML & CSS etc. auskenne!

Ich habe es absichtlich noch nicht auf einen Webspace hochgeladen bzw. schreibe hier nicht den Link, weil die Seite noch Content enthält der nicht gezeigt werden darf. Also vorerst ein Screenshot.

Uploaded with ImageShack.us

Bitte gebt mir ein Feedback! Würde mich freuen.

Willkommen auf MCore!
Viel Spaß ;)

Thema wird mit http://www.mmorpg-core.com/forum/html/htm…onth-34489.html zusammengefasst und in einem neuen Thread veröffentlicht.

closed

The Hellenbecks – Heat Up

Achso :D

Ich habe auch nicht so Bock auf meine Xbox 360 zu verzichten. Aber vielleicht werden die neuen Konsolen ja so übertieben gut das man sie kaufen muss wovon ich nicht ausgehe :D

Ist die Wii U den so gut? :o
Hab mich gar nicht über die erkundigt.
Ich finde man könnte auch mal sich da drüber austauschen, was man von der neuen XBox und Playstation erwartet. :o

N'abend,

ich wollte hier mal einen "Laberthread" eröffnen, indem über die bald rauskommenden neuen Konsolen diskutiert werden darf.
Heikles Thema sind ja die neuen Konsolen von Microsoft und Sony und damit möchte ich auch das Thema eröffnen.

Es geht das Gerücht herum, das die neue Microsoft Konsole XBox 720 heißen soll und das die neue Sony Konsole Playstation 4 genannt wird.
Das die Xbox wirklich XBox 720 heißen soll glaube ich irgendwie nicht, vorstellen könnte ich mir aber das die neue Playstation, Playstation 4 genannt werden soll.
Was ist eure Meinung da drüber?
Ihr könnt natürlich auch neue Konsolen ansprechen über die ihr gerne diskutieren wollt, aber bitte beachtet dabei folgendes:

Regeln:

• Kein Spam!

Diskussion eröffnet!

Auf dem zweiten Bild finde ich sieht die auf dem ersten Blick aus wie die XBox 360 Slim in schwarz :o

Zitat

Mit Spiele-PC gegen Xbox 720 und PS4

Ich gehe nicht davon aus, das Microsoft die neue Xbox Konsole, XBox 720 nennen wird. Playstation 4 kann ich mir schon eher vorstellen, aber nicht Xbox 720.

Farcry 3
Call of Duty Modern Warfare 3 / Black Ops 2
Assassins Creed 3
Bioshock
Day-Z / War-Z
Hitman: Absolution
Heavy Rain

Hallo Web-Coder,

ich sehe das der Coding Bereich, besonders der Web Coding Bereich recht unaktiv ist.
Aufgrund dessen möchte ich als Moderator für diesen Bereich, etwas mehr Leben einbringen.

An alle die interessiert sind etwas dabei zu steuern, möchte ich in Zukunft ein kleines Projekt mit euch starten, doch für alle die es gelesen haben, möchte ich zu erst dieses Projekt von mir zu Ende bringen: http://www.mmorpg-core.com/forum/html/pro…ende-34403.html

Je nach dem wie viel Zeit ich habe, könnte ich in Erwähnung ziehen beide Projekte im selben Zeitraum zu starten.

Wobei geht es in diesem Projekt?:

Ich hatte es mir so vorgestellt, das ich monatlich einen "Homepage Of The Month" - Thread eröffnen werde, wo User ihre Homepages präsentieren können und diese dann von anderen Usern bewertet werden. Das Verfahren sollte bekannt sein.

Was wird benötigt?:

Vielleicht werde ich es so machen, das ich einen Webspace zur verfügung stelle, wo dann die Projekte hochgeladen werden. Nach dem Voting wird der Webspace wieder leer geräumt, damit die neuen Projekte von der darauf folgenden Woche hochgeladen werden können. Also benötigt ihr wahrscheinlich keinen Webspace!

Wie wird bewertet?:

Bewertet wird nach diesen Kriterien:

• Design
• Grafiken
• Funktionen

Zur verdeutlichung:

Design: Sollte soweit klar sein. Je nach dem wie die Homepage aussieht, werden hier Punkt im Bereich von 0 - 10 vergeben.

Grafiken: Wie wirken die Grafiken auf einen? Passen sie auf die Homepage? Sind sie selber gemacht oder aus dem Internet? Punkteverteilung: 0 - 10 + 3 Bonuspunkte. Bonuspunkte können dadurch erziehlt werden, wenn sie z.B. selber gemacht worden sind. Dazu wird eine .psd Datei benötigt, die an die Jury gesendet wird, damit die ein Beweis haben, das die Grafik selber gemacht worden ist.

Funktionen: Unter Funktionen fallen z.B.: Registrierung, Slider, Login usw. Auch hier dürfen fertige Scripte verwendet werden oder eigen geschriebene. Punkteverteilung: 0 - 10 + 3 Bonuspunkte. Die Bonuspunkte können durch eigene Scripte errungen werden.

Homepage Content:

Der Inhalt der Seite ist relativ egal. Verwendet werden dürfen Fülltexte (Lorem ipsum - Generator und Informationen Quellenangabe nicht nötig!) oder selber geschriebene Texte.
Hier werden keine Bonuspunkte verteilt.

Sollten Beleidigungen oder Dikriminierungen sich im Inhalte befinden, werden Punkte abgezogen oder der User wird disqualifiziert.
Wenn man also einen Fülltext verwendet, ist man auf der sicheren Seite.

Wer sitzt in der Jury?:

Wer in der Jury sitzen wird ist noch nicht festgelegt, da ich mich noch mit niemanden ausgetauscht habe und der Projektstart noch nicht festgelegt ist. Wovon ihr ausgehen könnt ist, das ich einen Teil übernehmen werde.

Wird es für den 1. Platz, 2. Platz & 3. Platz einen Preis geben?:

Gedanken habe ich mir natürlich drüber gemacht. Aber ich werde es wahrscheinlich so machen, das erst einmal 2-3 Probe Durchgänge gemacht werden, um zu sehen ob die Beteiligung solide ist. Dannach könnte man entscheiden ob es einen gewissen Preis für z.B. den 1. Platz gibt.

Quellenangaben:

Quellenangaben sind wichtig, wenn Grafiken oder Scripte verwendet werden, die nicht selber gemacht worden sind! Sollten diese nicht angegeben werden und die Jury das herraus finden, führt dies zu eine Disqualifikation.

Sollte es Interessenten geben, die sich an diesem Projekt beteilgen möchten in dem sie z.B. ein Jury-Mitglied sein möchten, mögen mich bitte per PN kontaktieren oder sich unter diesem Beitrag melden.
Vorraussetzung für ein Jury-Mitglied sind:

• Gute HTML/CSS Kenntnisse
• Grafisch engagiert sein
• Gute Programmier Kenntnisse

Sollte jemand in HTML/CSS fit sein, aber von Programmierung nicht besonders viel verstehen, ist das kein Problem, dann wird das so gehandhabt, das ein Teil der Jury einen Teil der Bewertung übernimmt und der andere Teil der Jury den anderen Teil.

Abgabetermin: Wahrscheinlich werde ich es so machen, das der Abgabetermin am 01. des jeweiligen Monats um 20:00 Uhr ist, dann werden die Homepages hochgeladen.
Abgestimmt wird dann im laufe der vier Wochn bis zum 30. des Monats um 19:00 Uhr. (Februar: am 28.)

Jetzt fehlt mir nur noch eure Meinung: Soll dieses Projekt gestartet werden?
Stimmt mit Ja! ab- wenn ihr für Homepage Of The Month seit.
Stimmt mit Nein. ab - wenn ihr gegen Homepage Of The Month seit.

Wenn ihr Fragen oder Optimierungsideen habt, könnt ihr euch gerne in diesem Beitrag äußern.

sn0w

Ich glaub' dann installiere ich mir League Of Legends auch mal wieder :D

Hier soll keine Diskussionrunde über HTML Bücher enstehen, dieser Thread handelt um mein Projekt.

Beiträge gelöscht.

Verschoben: Von HTML Tutorials nach Html

Ich denke ich werde dieses Projekt Anfang nächsten Jahres starten!
Wahrscheinlich wird es so ablaufen, das Wöchentlich 1 bis 2 Schritte kommen, je nach dem wie ich Zeit habe, ihr werdet aber dadrüber von mir informiert.

Sollte sich doch etwas da zwischen schieben werde ich euch bescheid geben aber ich bin mir sicher das ich im Januar nächsten Jahres auf jeden Fall anfangen kann!

Hört denn keiner Amerikanischen Rap? :o

Ich feier Tyga und Mac Miller voll ! :-)
http://www.youtube.com/watch?v=xksCOFqObnU
Mac Miller - Donald Trump - YouTube
Mac Miller - Knock Knock (Official Video) - YouTube

Hallo,

ich sitze gerade auf der Arbeit an einer Homepage und habe mal ein bisschen nach Hover Effekte gesucht. Dabei bin ich auf einen wirklich schönen Effekt gestoßen den ich euch hier zeigen möchte. :)

Das ganze ist so aufgebaut:

Man hat eine "Box" auf seiner Homepage, wenn man mit der Maus drüber fährt, schiebt sich von unten eine andere Oberfläche mit einem Text, Bild, o.ä. hinein.
Ich weiß das es nicht gerade die sauberste Methode ist und die Technik nicht ganz ordentlich ist aber in Browsern wie Firefox, Safari, Chrome und Opera wird sie gut angezeigt.

Der HTML Code ist so aufgebaut:
Ich mache es anhand des Beispiels welches ich gerade verwende.

<div id="page-wrap">
  <section class="slide-up-boxes">
     <a class="shop" href="index.php/online-shops-******">
        <h5>Online Shop Erstellung</h5>
        <div>Sie möchten profitabel im Internet verkaufen? Ein optimal aufgebauter Online Shop von ****** wird Ihnen Umsatz bringen.</div>                
     </a>
  </section>
</div>

So,
wir haben ein <div> welches vier weitere Elemente beinhaltet: <section> <a> <h5> & noch ein <div>.
Das ganze wird noch mit den gleich gezeigten CSS-Code's so aussehen:

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

Das a bekommt folgende Eigenschaften:

.slide-up-boxes a {
display: block; 
height: 130px; 
margin: 0 0 20px 0; 
background: rgba(215, 215, 215, 0.5); 
border: 1px solid #ccc; 
height: 65px; 
overflow: hidden;
text-decoration: none;
width: 33%; 
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.4);}

So, damit haben wir dem ganzen eine height gegeben, eine width und noch ein bisschen an der Optik gefeilt.

Kommen wir zu dem Text-Element <h5>. Dies ist der große Text im Vordergrund, in meinem Beispiel wäre es Online Shop Erstellung.

.slide-up-boxes h5 {
color: #333; 
text-align: center;
height: 65px; 
font: 18px/65px PT Sans Narrow, sans-serif;
opacity: 1;
-webkit-transition: all 0.2s linear; 
-moz-transition: all 0.2s linear; 
-o-transition: all 0.2s linear;
margin-top: 0;}

Wir haben ihn nun ein wenig gestaltet mit font, color & opacity.
Diese Befehle:
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
Sind alle für unterschiedliche Browser, bewirken aber alle das gleiche. Der Content der Box verschiebt sich ein bisschen, welches am Ende einen guten Effekt bringt.

Machen wir weiter mit dem hover Effekt von dem ganzen <a>. Angesprochen wird das so:
.slide-up-boxes a:hover
Wir fügen aber noch das <h5> Element dazu, also sprechen wir es in CSS so an:
.slide-up-boxes a:hover h5

.slide-up-boxes a:hover h5 {margin-top: -95px; opacity: 0;}

Durch das margin-top: -95px;, verschiebt sich das ganze aus dem Element raus und dadurch das wir <a> ein overflow: hidden; gegeben haben. Ist es dannach nicht mehr sichtbar.

Jetzt bekommt das <div>, welches sich in <div id="page-wrap"></div> befindet eine Rotation, dies machen wir mit CSS.

.slide-up-boxes div {
position: relative; 
color: white; 
font: 14px/15px Georgia, Serif;
font-family: 'PT Sans Narrow', sans-serif;
height: 45px; 
padding: 10px; 
opacity: 0; 
-webkit-transform: rotate(6deg); 
-webkit-transition: all 0.4s linear; 
-moz-transform: rotate(6deg); 
-moz-transition: all 0.4s linear; 
-o-transform: rotate(6deg); 
-o-transition: all 0.4s linear;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;}






.slide-up-boxes a:hover div {
opacity: 1; 
-webkit-transform: rotate(0); 
-moz-transform: rotate(0);    
-o-transform: rotate(0);}

Dadurch wird das <div> sozusagen, hochgezogen und schiebt das andere wieder raus. Ziemlich schwammig beschrieben aber so ist es, ziemlich grob gesagt. :D

Wenn man jetzt noch möchte, dass im linken bereich des hochgeschobenen ein kleines Bild mit hochgeschoben wir, gibt es dazu auch einen CSS-Befehl:

.slide-up-boxes a:nth-child(2) div {
background: #5e5e5e url(../images/icon/blacknwhite/shopping-cart.png) 1px -2px no-repeat; 
padding-left: 65px;}

Die background-color sowie Bild etc. könnt ihr euren Ansprüchen dementsprechend anpassen.

Ich hoffe ich konnte einigen hiermit etwas neues zeigen und eventuell helfen.
Ich weiß meine Beschreibung ist noch relative schwammig und könnte besser sein, ja! :D

Gebt mir Feedback, damit ich mich verbessern kann. Sollte etwas unklar sein: Nachfragen!

Ouh :D
Mein Fehler. Habe ich auf dem ersten Blick gar nicht gesehen das es schon einen Beitrag dazu gibt.

Bin mal gespannt wie der Film wird :) Ich freue mich drauf!

Au revoir.