Während der " Episode 16 Experiment zur Schaffung eines MySpace-Seite war nicht direkt ein großer Erfolg. Glücklicherweise gab es Musik um uns zu retten! (Übrigens, wenn jemand nur gehört, dass episode .. gib mir noch eine Chance 
sceglietevi und eine weitere Episode zu hören. Gute Musik für Sie kostenlos jede Woche auf § Podcast !).
Ohnehin nicht mehr zu verlassen, mit leeren Händen, habe ich dieses Tutorial, sammelt alle meine Erfahrungen in der Umsetzung der Nissardo MySpace-Seite, die Sie unter www.myspace.com / ilnissardo .
Grundvoraussetzungen für eine MySpace-Seite: Kenntnisse in HTML und CSS. Wenn nicht, haben aber nicht entmutigen .. werden nicht alles verstehen, aber diesem Tutorial können Sie einige Links, die definitiv immer noch etwas Schönes werden folgen.
Beginnen wir mit einem Konzept, das müssen Sie verstehen: das Layout einer Seite MySpace ist eines der schwierigsten Dinge zu handhaben, als ich jemals gesehen habe.
Wenn Sie versuchen, eine MySpace-Seite Web2.0-Stil, viel Glück machen wollen, denke ich, ist unmöglich.
Die gesamte Struktur ist auf geschachtelten Tabellen basieren, und fast keine von diesen ist eine ID oder Klasse. Die CSS zu verwenden, damit es direkt arbeiten muss auf Block-Level-Elemente (z. B. Tabelle Tabelle Tabelle etc.).
Dieser Ansatz ist sehr unflexibel, da es heißt, dass die Seite eindeutig referenziert werden mit der folgenden Syntax: wenn es zwei innen jede Tabelle eine andere Tabelle geschachtelt sind, können Sie nicht ändern, den Aspekt der Erhaltung eine andere.
EINFÜHRUNG WICHTIG: Der Code von dieser Seite habe ich eingefügt Stil-Tag für das CSS. wie < style> und < / style > Natürlich, wenn Sie sie in Ihrem Code zu entfernen, müssen Sie die notwendigen Räume, die nicht.
Zum besseren Verständnis der Struktur einer MySpace-Seite, damit wir fortfahren können:
- Erstellen Sie Ihren Account (ACHTUNG: Es gibt zwei verschiedene Arten von Konten auf MySpace. Wenn Sie einen Musiker haben Sie zum Einrichten Ihres Kontos in der Musik-Sektion sind)
- Gehen Sie auf Systemsteuerung und folgen Sie den "Edit Profile"
- Auf den "Who" (oder auf Englisch "About Me") kopieren Sie diesen Code (entnommen mit freundlicher Unterstützung von implizierten Design )
< style>
Tabelle (
border: 0px;
)
Tabelle td (
border: 0px;
)
Tabelle Tabelle (
border: 0px;
)
table table td (
border: 0px;
)
Tabelle Tabelle Tabelle (
border: 0px;
)
Tabelle Tabelle Tabelle TD (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle TD (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle Tabelle (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle Tabelle TD (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle Tabelle Tabelle (
border: 0px;
)
Tabelle Tabelle Tabelle Tabelle Tabelle Tabelle TD (
border: 0px;
)
< / style >
- Speichern und Anzeigen Ihres Profils, werden Sie sehen, wenig oder gar keine Veränderung. Und 'normal. Was wir getan haben ist die Grenze auf 0 für alle Elemente setzen.
- Jetzt können Sie beginnen, um zu sehen, wählen Sie ein Element, das Sie wollen, zum Beispiel wollen wir sehen, was Seitenelemente Tabelle identifiziert durch Tabelle Tabelle Tabelle Tabelle Tabelle TD, bearbeiten Sie einfach den Code an Bord finden Sie im:
table table table table table table td {
border:10px solid red;
}
- Speichern und Anzeigen neues Profil zu sehen, welche Teile der Seite sind in dieser Tabelle (geschachtelte Tabellen enthalten in sechs weiteren ... Ich hatte so etwas noch nie gesehen).
- Sie können Spaß haben, um alle Tabellen mit Rahmen und Farben zu sehen, aber bald wirst du sehen, dass mit 3 oder 4 aktiven Kanten alle ein Durcheinander (Sie wollen ein Bild geworden. Aber ich habe verzichtet).
Wenn Sie Körper fügen Sie den vorherigen Code Abschnitt über das, Sie sind mehr oder weniger alle die Elemente, aus denen eine MySpace-Seite, und man kann Glück haben Spaß mit, um Ihr Layout von Grund auf (gute!).
Eigentlich bin ich nicht wirklich alle .. MySpace diejenigen waren auch so freundlich, Klasse können einige spezifische, insbesondere für einige span-Elemente, können Sie mich finden sie, indem Sie auf die Seite des Quellcodes mit Firefox, macht Sie finden Klassen wie span.blacktext12, span.whitetext12, ctl00_Header_Header1_Div1 (dies crazy! sollte allein gelassen werden ... will nicht zu kritisch klingen).
Zusätzliche Hilfe sie gaben uns zu identifizieren (die Kontakt-Tabelle mit der Klasse oder ID nicht mehr erinnern). Erreichst Du uns.
Aber zurück zu schweren .. niemand kann sich setzen, um diese Elemente auf 0 zu manipulieren, wenn Sie ein Masochist sind oder viel Zeit zu verlieren.
Glücklicherweise gibt es einige Websites, die Vereinfachung ein wenig Arbeit zu helfen.
Sie können zwischen zwei Ansätzen wählen:
- Machen Sie ein Layout schon, die Wahl zwischen einigen online verfügbar.
- Verwenden Sie eine der vielen Online-Editor, um ein einfaches Layout mit einfach zu bedienen.
Hier ist eine Liste von Websites, die Profile bieten Profile, Code-Generatoren und Editor. Es ist für jeden etwas!
Ich persönlich folgte der zweite Ansatz, mit Hilfe eines Online-Redakteur ich eine Art Tuch angelegt haben, und ich begann die Arbeit an diesem einige Dinge ändern.
Wenden wir uns nun einige Hinweise, wie zu ändern, was Sie gerade erstellt haben (was ist ein Layout bereits erfolgten oder das Ergebnis eines Editors Umdrehung).
Erstens Editor bewaffnet mit einem guten Text, ich bin sehr komfortabel mit Notepad + + , und anstatt nur das Layout einfügen, die Sie getroffen haben oder generiert auf der MySpace-Profil, legte es auf eine lokale Datei.
Es wird so viel einfacher, um Teile zu ändern, und fügen Sie den neuen Code zu finden.
Da gibt es, auch bewaffnete Format View-Erweiterung für Firefox hilft Ihnen, eine Menge während des gesamten Prozesses!
Darüber hinaus, so können Sie sparen eine lokale Kopie Ihrer Seite, das kann nie schaden.
Nehmen Sie sich Zeit zum Formatieren der Code eingegeben, so dass wir leicht verstehen können. Dies ist sehr wichtig, glaube nicht, dass Sie vergeuden Zeit, Zeit ist alles, was Sie nachher zu verdienen! Jetzt können Sie beginnen, um die Teile, die noch nicht gefällt, zu beheben. Eines der ersten Dinge, die ich tat, war die Polsterung verändern, Tabellen, weil der Standard-Editor, die ich verwendet, um die Polsterung 0 gesetzt.
Immer daran denken, die Regel auf den Teil, den Sie ändern möchten, verwenden Sie den Code, den ich am Anfang des Tutorials gezeigt, und setzen Sie die Farbe und Dicke des Brettes.
Aber seien wir ehrlich, auch so nicht jeder ist in der Lage, die netten Dinge, die auf vielen MySpace-Seiten zu sehen sind, geben Sie auf einem Banner-Werbung, oder auszublenden einige Teile des Layouts Wir wollen nicht (wie "foo bar hinzuzufügen, ist auf dem Netz File ") sind immer noch in Höhe von Online-Anwendungen, die Code generieren, den wir brauchen. Geben Sie eine " finden Sie hier : dienen kann Code-Generatoren zu finden für fast alles, was Sie können.
Nehmen wir ein Recht zu verstehen, was generiert: Erweitertes Netzwerk ausblenden .
Das Ergebnis ist so etwas wie:
< style>
.blacktext12 {display:none;}
td.text table, td.text td {border:0px; height:0px;}
div.layoutbutton (
width: 145px;
border: 1px solid white;
position: fixed;
_POSITION: Absolute;
top: 20px;
rechts: 5px;
)
div.layoutbutton a (
background-image: url (http://www.mywackospace.com/images/p.png);
width: 100%;
height: 21px;
color: rgb (255,255,255);
font: bold 11px Arial, sans-serif;
display: block;
text-decoration: none;
line-height: 19px;
)
< / style >
WARNUNG! Alles, was ich schreibe einen Code zu entledigen? Ein wenig übertrieben, nicht wahr? In der Tat, nur ein Teil die Sie wirklich brauchen, das Original:
.blacktext12 {display:none;}
td.text table, td.text td {border:0px; height:0px;}
der Rest sind Banner-Werbung und Links hinzugefügt von online (habe ich nicht gelesen den Bedingungen der Nutzung dieser Seiten, da ich sie nur als eine Referenz, sondern wir sagen, dass der Rest entfernt werden kann 
)
Jetzt können Sie diesen Code an Ihr Layout immer fügen Sie in den Texteditor. Wo? überall. Wichtig ist, zwischen zwei Stil-Tags umschlossen. Sie können einfach addieren sie bis zum Ende der Layout Sie schon, direkt vor dem schließenden style-Tag (für die Uneingeweihten ist
Nun wollen alles versuchen, richtig? Ok es gibt zwei Möglichkeiten, ist der erste direkt verwenden Ihre MySpace-Seite: gehen Sie in Ihrem Control Panel und das Profil zu ändern. Jetzt in der "About Me" kopieren Sie den Inhalt Ihres Editor und speichern.
Genau auf Ihre Seite zu gehen, um die Ergebnisse Ihrer Änderungen zu sehen.
Aber .. Dies ist ein wenig umständlich, besonders wenn Sie Änderungen an einer Seite, die sich bereits online für eine Weile und vielleicht erhält mehrere Besucher pro Tag zu machen .. nicht möchten, dass Ihre Besucher auf Ihrer rechten Seite sehen Beweise?
Es gibt noch eine Web-Anwendung auftreten (immer aus dem gleichen Ort, aber es gibt Milliarden da draußen), dass ist nichts als ein Layout Previewer . Sie fügen Sie den Code ein und klicken Sie auf die Vorschau, so sollten Sie wissen über das Ergebnis.
ACHTUNG: Diese Methode ist nicht sehr zuverlässig, wenn Sie einfügen DIV Hand, als der Vorschau auf Werbebeilagen div einzuschalten. Aber es ist sehr effektiv für alle anderen Fälle.
Ich fand eine Menge Tricks, wenn Sie die Site durchsuchen genannt, dass ich empfohlen, auch wenn ich geschrieben habe, bis jetzt nicht, ist www.mywackospace.com finden Sie viele von diesen Code-Generatoren, um Ihnen ein Kopfschmerz .
Der erzeugte Code ist fast immer in der "Über mich"-Profil, mit Ausnahme von einigen wenigen Ausnahmen, so dass immer zweimal, bevor gelesen.
Bitte nicht direkt auf der MySpace-Profil, verwenden Sie immer einen Editor auf dem lokalen Formatierungen immer gut, um den Code, fügen Sie sonst nach einer Weile verlieren Sie Ihren Kopf!
Da für den eigentlichen Inhalt, dh den Text, den Sie beschreibt, fügen Sie einfach in Ihrem Profil, wobei Sie darauf achten, es nicht zu in der Stil-Tags setzen. Dies ist HTML, damit Sie alle können die Sprache Konstrukte, können Sie mit liefern (für diejenigen unter Ihnen, die nicht wissen, HTML, keine Sorge, siehe unten).
Ich muss darauf hinweisen, dass ein paar Generator kann wirklich nützlich sein:
- Top Image ermöglicht es Ihnen, MySpce legte ein Bild im oberen Bereich der Seite, noch bevor die Werbebanner. WARNUNG: Dieses nutzt die DIV so daran erinnern, was war vorher gesagt, die Vorschau nicht die Wahrheit zu sagen in diesem Fall.
- Kontakt Tabelle können Sie Kontakte erstellen Sie eine Tabelle für ein Bild mit Ihrem (Ich mag, wenn ich hier falsch du auch einen Trick zu tun, um loszuwerden, der Standardtext, dass MySpace bietet. Fügen Sie einfach etwas
.contacttable .text {font-size: 0px !important;} ) - Extended Network Banner
- Und schließlich ein kleiner Texteditor , dass css kann Ihnen dabei helfen, den Text formatieren möchten, auch wenn Sie nicht wissen, eine Stunde von HTML und
Ein weiterer Tipp, jedes Mal, wenn Sie einen Generator, nicht direkt kopieren Ergebnis in Ihrem Profil, öffnen Sie eine Datei mit Ihrem Editor, in copiateci das Ergebnis und formatieren Sie es, so versuchen sie zu verstehen. Nachdem Sie all die Dinge, die Sie nicht brauchen (z. B. Anzeigen und verschiedene Links eliminiert) eine Kopie Paste auf dem Editor-Fenster, wo Sie Ihrem vollständigen Profil.
Wenn Sie Text hinzufügen möchten oder eingebettete Objekte (wie zB eine Karte, um die Kontakte, die Sie hier treffen können , oder ein RSS-Player für Ihren Podcast) können Sie einfach fügen Sie es zu Ihrem Profil (der gleichen Akte vor), aber ohne dass es zwischen den Tags Stil, so wie man es normaler Text. Am Ende waren noch Editieren einer HTML-Seite. ...
Schließlich anderen Websites, die Ihnen helfen, Ihr Layout ändern können:
Zusätzlich zu der Liste der Websites, die Beschwerde eingereicht Profile, Code-Generatoren und Editor für die Profile, die ich schon habe.
Und bitte .. .. wenn Sie fertig sind vollbringen Ihren Raum kommen und mich besuchen und (wenn Sie möchten) Zu meinen Freunden hinzufügen!
WARNUNG: Ich schloß die Kommentare auf allen Abschnitten zu lesen verhindern, dass die MySpace Blog zu schwer. Wenn Sie Wünsche haben, Fragen, Fragen können Sie das Forum Abschnitt von MySpace . DANKE!
Tags: Code , Episode , Musik , MySpace , Podcast , Programmierung , Tutorial myspace Tags: Code , Episode , Musik , MySpace , Podcast , Programmierung , Tutorial myspace
Kategorien: News
184 Kommentare »
Letzte Kommentare