Kako se menja inače jako ružan izgled strane na MySpace-u

Elem svi u poslednje vreme imaju prostor na Myspace-u, pa čak i mi.

Ako ga nemate i vi, to je kao da niste bili na referendumu, ili na Peppersima koji su pre neki dan opet svirali na Adi. Dakle, idite na referendum, idite na Pepperse i otvorite stranu na MySpace-u.

Neki su me pitali kako se menja izgled strane na MySpace-u. Ja sam nešto budžio i reko evo ovog uputstva koje ću možda po malo dopunjavati. Prvo sam ga stavio na MySpace blog, ali pošto tamo ne mogu lepo da se stave HTML i CSS tagovi jer ih on tumači kao deo HTML-a i CSS-a kojim menjaš sam izgled svoje MySpace strane, ja prebacio uputstvo ovde, ko ih jebe pička li im materina.

Pre svega da znate da je Myspace s tog stanovišta teško sranje. Nemaš kontrolu ni nad čim, to jest moraš da se dovijaš na sto glupih načina. Ima raznih tutorijala po netu, ima i gotovih kodova, ali to je pretežno sranje.

U principu, izgled strane se menja preko CSS parametara koji se stave na početak svoje About me sekcije. CSS je jezik kojim se utvrđuju stilovi na strani. CSS parametri koje upišeš se ne vide, vidi se njihovo dejstvo. U tom smislu, CSS podseća na vladajući DSS. S tim što od CSS-a može da bude puno koristi, a od DSS-a ne može.

Na vrhu About me sekcije staviš CSS kojim utičeš na izgled strane. Prethodno možeš i da otvoriš source svoje strane (u Exploreru ili Firefoxu pod view menijem imas View source), pa gledaš sta mu je gde zabodeno od CSS stilova.

Problem je što Myspace sam zabada mnogo toga, pa ne mozes da menjaš šta hoćeš, ili moraš da se dovijaš. Kako promeniš nesto, on ti sjebe nešto drugo, jer mu je sve i svašta povezano. Tako da je to igra mačke i miša, u kojoj miš ima vlast.

Evo mog modela. Ko oće da se zeza, nek pejstuje ovo dole na vrh svoje About me sekcije, pre podataka koje je uneo o sebi, pa nek menja šta mu / joj se menja.

Srećno zezanje.

Prvo evo kod sa pojašnjenjima (napisana su malenim slovima).

<style type="text/css">

<!-- ovo sto sledi sluzi da linkovi nemaju bold, underline itd -->

a:link, a:visited, a:active, a:hover {
text-decoration: none;
}

<!-- ovo za boje linkova -->

a:link, a:visited {
color: yellow;
}

a:active {color: red;
}

<!-- ovo za boju linka kad se stane na njega misem, plus ona zvrcka da se kao mrdne -->

a:hover {
color: orange;
position: relative;
left: 1px;
bottom: 1px;
}

<!-- ovo je za osnovnu boju, koja se na myspace-u vidi samo sa strane. pod color je boja teksta, pod background-color boja pozadine, pod background: url ide url slike ako hoces da stoji u pozadini (u Cinc slucaju to smo mi koji izigravamo filmsku traku). Najbolje je da dignes neku sliku na svoj Myspace pa iskopiras njenu lokaciju (Copy image location) pa je stavis dole u zagradu -->

body {
background: url(http://myspace-687.vo.llnwd.net/01357/78/66/1357846687_m.jpg);
background-color: green;
color: white;
}

<!-- ovo je za bio, interests i tome slicne natpise -->

.whitetext12 {
background-color: green;
font-size: 18px;
color: darkseagreen;
}

<!-- ovo je za tabelu za kontakt -->

.contactTable, .contactTable a {
background: url(http://myspace-602.vo.llnwd.net/01340/20/68/1340118602_m.jpg) center center !important;
border: 2px solid darkgreen;
display: block;
}

<!-- ovo je razne nijanse. Mnogo je komplikovano, pola ovih parametara je verovatno i nepotrebno, ali možeš da pretpostavis sta cemu moze da sluzi: p znaci paragraf, h1 i h2 su naslovi, table je tabela, tr je red u tabeli, td je celija unutar reda u tabeli. Ako hoces da istaknes nesto kao naslov unutar onoga sto si napisao u svojim tekstovima, stavis ga u h1 ili h2, po sistemu: <h1>Nesto</h1> ili <h2>Nesto</h2> itd -->

h1 {
font-size: 30px;
}

h2 {
font-size: 18px;
}

p, h1, h2, .btext {
background-color: green;
color: white;
border-bottom: 2px solid darkgreen;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

table, tr, td {
background-color: forestgreen;
color: white;
border-bottom: 1px solid darkgreen;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

<!-- ovo je za sitnije natpise tipa blurbs itd -->

.orangetext15, .btext, .lightbluetext8 {
color: darkseagreen;

}

</style>

Za pejstovanje koristi ovaj kod, bez mojih pojašnjenja.

<style type="text/css">

a:link, a:visited, a:active, a:hover {
text-decoration: none;
}

a:link, a:visited {
color: yellow;
}

a:active {color: red;
}

a:hover {
color: orange;
position: relative;
left: 1px;
bottom: 1px;
}

body {
background: url(http://myspace-687.vo.llnwd.net/01357/78/66/1357846687_m.jpg);
background-color: green;
color: white;
}

.whitetext12 {
background-color: green;
font-size: 18px;
color: darkseagreen;
}

.contactTable, .contactTable a {
background: url(http://myspace-602.vo.llnwd.net/01340/20/68/1340118602_m.jpg) center center !important;
border: 2px solid darkgreen;
display: block;
}

h1 {
font-size: 30px;
}

h2 {
font-size: 18px;
}

p, h1, h2, .btext {
background-color: green;
color: white;
border-bottom: 2px solid darkgreen;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

table, tr, td {
background-color: forestgreen;
color: white;
border-bottom: 1px solid darkgreen;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

.orangetext15, .btext, .lightbluetext8 {
color: darkseagreen;

}

</style>



Moja uputstva za razne stvari iz domena HTML-a, CSS-a i php-a

Tu su i moji prevodi W3C dokumenata, kakvi su da su. W3C je organizacija koja vodi računa o standardima na internetu, slično kao što UEFA vodi računa o ponašanju navijača Liverpula, pazeći da ne preteruju sa tarzanisanjem i kurčenjem. Ovi prevodi su na ćirilici, i formatirani su identično kao originalne strane, jer je takva praksa kod W3C prevoda: