Startseite
  Archiv
  Gästebuch
  Kontakt
 


http://myblog.de/nitestar

Gratis bloggen bei
myblog.de





Willkommen zum neuen Nitestar-Weblog!

Hallo liebe Nitestars und Interessierte,

es ist geschafft, die neue Nitestar-Version ist nach knapp einem halben Jahr endlich online. Die letzten 4 Wochen haben für uns etwa 24h Arbeit am Tag benötigt, eigentlich kaum zu glauben. Sicherlich hattet ihr schon viel bemerkt, neue Profildaten sind hinzugekommen, alte sind gewichen. Den Chat haben wir gelöscht und die Shoutbox durch einen schönen AJAX-Chat ersetzt, der mittlerweile auch echt gut funktioniert und angenommen wird.

Nitestar ist ab sofort ungewohnt und neu, besser, hoffentlich auch schneller. Es gibt sehr viele neue Funktionen, hier nun das Wichtigste in Kürze:

 

1. Gruppen

Gruppen gehören heutzutage zu jeder anspruchsvollen Web 2.0 Website. Ein absoluter Muss und Knüller, vor allem hoffen wir auf viele Party-Gruppen. Mittlerweile gibt es schon über 50 neue Gruppen mit teilweise schon fast 100 Mitgliedern. Ech wow. Die Bedienung ist einfach, einmal gibt es den Link Gruppen auf der Startseite, der zur Übersicht führt. Dort habe ihr eine Tag-Cloud. Tags sind neu bei Nitestar und sie stellen eine inhaltliche Auszeichung dar, kurz: Mit welchen Wörtern beschreibst du deine Gruppe? Trenne sie jeweils mit einem Komma. Gruppen können privat sein, öffentlich und halb offen, Antraggstellung ist möglich. Zum anderen kommst du über deine persönliche zweite Navigation direkt zu denen Bereichen wie: "Meine Gruppen". Mitglieder in einer Gruppe haben gleiche Interessen, z.B. die deutscherrap-Gruppe: http://www.nitestar.de/groups.php?cmd=show&group_id=15

 

2. Freunde

Über deine Freunde kannst du nun sehen mit wem du befreundet bist, wer dich als Kontakt hinzugefügt hat und wer deine Freundschaft nicht bestätigt hat. Du findest deine Freunde schnell wieder in einer Übersicht und kannst auch sehen, an welcher Schule sie sind. Im Profil kannst du die Schule anklicken, woraufhin dir eine Übersicht alle Mitglieder angezeigt wird, die an der gleichen Schule sind oder waren. Weiterhin siehst du dort deine Verbindung zu dem Mitglied. Maximal 4 Grade werden angezeigt.

 

3. Places

Places haben den Sinn den aktuellen Aufenthaltsort eurer Freunde zu ermitteln. So sehr ihr immer wer bei euch in der Nähe ist. Natürlich könnt ihr auch immer Lieblingsplätze, Partyplaces oder Sonstiges eintragen...

 

4. Musik

Ab sofort könnt ihr Musik von angemeldeten Musikern in eurem Profil hinzufügen. Helft mit regionale Bands und Djs bei uns anzumelden, denn dadurch habt ihr tolle Musik in euren Profilen. Berliner und Ostfriesische Sternchen haben sich schon angemeldet: http://www.nitestar.de/karolin_girard oder http://www.nitestar.de/marybleedswine

 

5. Fotos

Das Fotosystem ist nun zu einem Netzwerk à la Flickr.com geworden. Tagt eure Fotos und markiert sogar, wer wo auf welchem Foto ist. Über die Suche und dem Usernmane findet ihr alle vernetzten Fotos, die es von einem User gibt.

 

6. Partys

Auch das Partysystem ist zu einem Partynetzwerk geworden. Das bedeutet, wöchentlich fragt euch Nitestar auf der Startseite, wo ihr am nächsten WE feiert. Wählt eure Party aus und seht, wer alles mit dabei ist. Auch bei den Lieblingsclubs könnt ihr nun sehen, wer auch noch öfter da ist, damit ihr niemals alleine seid.

 

7. Profile pimpen

Ab sofort ist es möglich euch ein vollständig eigen designtes Profil zu erstellen. Bald werden wir einige Vorlagen geben, aber schon jetzt gibt es sehr gute Beispiele, die es gemacht haben: http://www.nitestar.de/hypersurf http://www.nitestar.de/janosch

 

Wir hoffen euer neues Nitestar gefällt euch super und wir konnte euch hier alles etwas erklären, bald gibt es mehr: Pimp-My-Profile-Tutorials

 

VG, Mirco Heibült

10.10.06 00:12


#1 Pimp my Nitestar

Hier ein neues Pimpter-Tutorial um euer Profil vernünftig zu pimpen.
In den Kommentaren findet ihr zu allem eine Beschreibung, was dadurch passiert.

<style type="text/css">
/*  schriftfarbe setzen, hier lila */
body, html, table {color: #a85dde;}

/*
 neues menü, mit einer grafik: http://www.nitestar.de/pimping/rosem.gif
 wird hier ein neues menü angelegt
*/

/* Home-Button; dieses ist der erste Button links */
a#link_startseite{
background: none;
background: url(http://www.nitestar.de/pimping/rosem.gif) 50% center;}
a#link_startseite:hover {
background: none;
background: url(http://www.nitestar.de/pimping/rosem.gif) 50% center;
}

/* Stadtplan-Button; dieses ist der letzte Button rechts*/
a#link_city {
background: none;
background: url(http://www.nitestar.de/pimping/rosem.gif) 50% center;}
a#link_city:hover {
background: none;
background: url(http://www.nitestar.de/pimping/rosem.gif) 50% center;
}

/* restliche Buttons -- Breite korrigiert */
a#link_join { left: 42px; width: 70px; }
a#link_mitglieder { left:112px; width: 70px;}
a#link_gruppen { left:182px; width: 70px;}
a#link_partys { left:252px; width: 70px;}
a#link_musik { left:322px; width: 70px;}
a#link_fotos { left:392px; width: 70px;}
a#link_videos { left:462px; width: 70px;}
a#link_blogs { left:532px; width: 70px;}
a#link_city { left:602px; width: 70px; padding: 3 0 3 0px;}

/* restliche Buttons -- neuen Background */
#top_navigation a {background: none; background: url(http://www.nitestar.de/pimping/rosem.gif) center center;}
div#top_navigation a.top_link:hover {background: none; background: url(http://www.nitestar.de/pimping/rosem.gif) center center;}

 /*
Drop Down Menü Schrift Formatierung ;
Dieses Menü popt auf, wenn man auf "Mein Nitestar" geht
 */
#my_menu a {
display: block;
margin-top: 0px;
padding: 5 5 6 5px;
font-weight: bold;
color: #a85dde;
font-size: 8pt;
}

/* Drop Down Menü Formatierung */
#my_menu {
position: absolute;
margin-top: -60px;
padding: 0px;
width: 160px;
background-color: #000000;
z-index: 1000;
}

/* Drop Down Menü Rahmen */
.my_menu_border {
border: 1px solid #a85dde;
-moz-border-radius:10px;
}

/* Menü hochziehen */
div#second_navigation {height:10px;}

/* Werbung ausblenden */
iframe { height: 0px; display: none; }
#fullbanner { display: none; }

/* Suche ausblenden */
div#suche { display: none; }

/* striche im menü entfernen (graue rahmen) */
.sm_slash { border: none;}
.sm_slash_two { border: none;}
.sm_slash_three { border: none;}
.border { border: none; }
div#third_navigation {background: none; border: none}
div#second_navigation {background: none; border: none}

/* allgemeine links */
a:link { text-decoration:none; font-weight:bold; color:#a85dde; }
a:visited { text-decoration:none; font-weight:bold; color:#a85dde; }
a:hover { text-decoration:underline; font-weight:bold; color:#a85dde;}
a:active { text-decoration:none; font-weight:bold; color:#a85dde;}

/* grauer schriftbereich links im profil (motto, schule,...) */
.txt_grey {color: #a85dde;}

/* linke farbliche überschriften des profils (letzte besucher, letzte bewertungen) */
.profil_left .profil_top {
background: none; font-size: 16px;
background-color: #a85dde;
color: #ffffff;}

.profil_top {
background: none; font-size: 16px;
background-color: #a85dde;
color: #ffffff;
}

/* beispiel icons entfernen, oder hier eigene icons anlegen, dann müsste man die background-url noch hinzufügen bspw: background-image: url(); */
.view_netphotos {background: none;}
.write_message {background: none;}
.chat_message {background: none;}
.show_friends {background: none;}
.add_friends {background: none;}
.invite_group {background: none;}
.photogallery {background: none;}
.weblogs {background: none;}
.pic21 {background: none;}
.videogallery {background: none;}

/* setzt das menü wieder nach lins, wegen des fehlenden icons */
.contact_class {padding-left: 5px;}

/*entfernt den weißen hintergrund*/
.br3 {background: none;}
.tl3 {background:none;}
.tr3 {background: none;}
.bl3 {background: none;}

/* entfernt das logo */
div#header h1{background: none;}

/* entfernt die buttons: aktuell, inside, ... */
div#header_top a {background:none;}

/* icons im menü entfernen entfernen */
div#third_navigation a {background: none; color: #a85dde;}
#my_menu a {background: none;}

/* profil rechts und links befreien  */
.profil {
background-color: #000000;
border: none;
}
.profil_border { border: none; }

.profil_border {
width:250px;
background-color: #000000;
border: 1px solid #a85dde;
}

.profil_left {
background-color: #000000;
border: none;
}

/* setzt die allgemeinen daten der seite */
body {
-moz-opacity:0.85;
cursor:crosshair;
background-color:#000000;
background-image:url('../pimping/lila2.jpg');
background-attachment: fixed;
background-position:top right;
background-repeat:no-repeat;
border-color:FCD2FC;
border-width:0px ;
border-style: solid;
scrollbar-face-color:f13268;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:fddee0;
scrollbar-shadow-color:2a6978;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:fddee0;
color: #a85dde;
}

/*die formatierung des usernamens*/
#username{font-family: Verdana; color:#a85dde; font-weight: bold; font-size: 20px; letter-spacing: -2px; line-height: 35px;}

</style>
11.10.06 17:06





Verantwortlich für die Inhalte ist der Autor. Dein kostenloses Blog bei myblog.de! Datenschutzerklärung
Werbung