Chmurka tagów na majspejsie

[wuj Bat]

Koledzy htmlowcy! Na majspejsie, pod głównym zdjęciem kapeli znajduje się panel kontaktowy - dodaj nas, wyśli wiadomość, itd.
Czy można  - i jak - zastąpić go chmurką tagów? Można taką zobaczyć na przykład tu u kolesia na dole po prawej:

http://www.ljdiaz.com/

[lis]

Ale zajebiste
Też chce coś takiego na moim majs pejsie

[Harvest]

yyy a skąd ta chmurka, znaczy jakich tagów ?

[dom?n]

ta wordpressowa po lewej stronie, tyle ze we flashu

[Harvest]

Ja wiem, tylko w sensie skąd te tagi. Bo nei wiem czy MS dostarcza jakieś API z którego można by zassać te tagi

[dom?n]

ale tu chodzi o to, zeby w takiej flashowej formie wyswietlala ramka kontaktowa na MS - dodaj do znajomych, wyslij wiadomosc itede

[wuj Bat]

ale tu chodzi o to, zeby w takiej flashowej formie wyswietlala ramka kontaktowa na MS - dodaj do znajomych, wyslij wiadomosc itede

no właśnie!

[t0ma]

zakladajac ze jedyna opcja modyfikacji myspace to edycja css (.contactTable) w sekcji "about me", a ta chmurka tagow jest skryptem php i to jeszcze od wordpress-a => nie ma szans

ale jak ktos bloguje sobie to jak najbardziej fajny bajer
http://wordpress.org/extend/plugins/wp-cumulus/installation/

znajdz grafika flash-owego co by ci taka chmure stoworzyl z gotowymi odnosnikami juz
i tylko wstawic na myspace i włala

http://developer.myspace.com/Community/forums/t/4307.aspx
hmm to moze jednak nie byc takie proste...

[wuj Bat]

Proste gagdety to się umi (jak widać moją/naszą stronkę: http://www.myspace.com/deflowerpoland)
Fajowsze - to się muszę zapytać

 Any ideas jeszcze?

[marcin512]

Wuju mam do Ciebie pytanie jak zrobiłeś ,że jak chodzi się na Waszego myspace to najpierw pojawia się logo a niżej jest myspace ?

[terrormuzik]

w spoilerze jest kod starego myspace naszej kapeli i tu jest kod odpowiedzialny za logo na górze, tylko musisz dopasować wysokość tabeli do wysokości bannera na górze:

Spoiler

<style>
body{
background-position:top center;margin-top: 300;}
 
div.topbanner {
top: 0;
left: 49%;
margin-left: -400px;
width: 100%;
height: 478px;
position: absolute;
}
</style>

<div class="topbanner"><img src="http://lh5.ggpht.com/_7ntYuRlsTHc/Ss4jzRT1UcI/AAAAAAAAC4g/ja9UdXoq-B0/ffi2Bb.jpg" border="0" /></a></div><br />







<style>
  table, tr, td {
  background-color:transparent;
 }

  table, tr, td {
  background-color:transparent;
 border:none;
 border-width:0px;
 }

  table table table {
  width:100%; max-width: 600px; } table table table table { width:100%;;
 }

  body, .bodyContent  {
  background-image:url(http://content.pimp-my-profile.com/i59/7/3/30/f_0f565177db.jpg);
 background-position:Center Center;
 background-attachment:fixed;
 background-repeat:no-repeat;
 border-color:F8F8FF;
 border-width:2px;
 border-style:Ridge;
 scrollbar-face-color:000000;
 scrollbar-highlight-color:000000;
 scrollbar-3dlight-color:000000;
 scrollbar-shadow-color:000000;
 scrollbar-darkshadow-color:FF1493;
 scrollbar-arrow-color:FF1493;
 scrollbar-track-color:FF1493;
 }

  table table {
  border:0px;
 }

  table table table table {
  border:0px;
 background-image:none;
 background-color:transparent;
 }

  table table table {
  border-style:Ridge;
 border-width:2px;
 border-color:000000;
 background-image:url(http://content.pimp-my-profile.com/i33/7/3/30/f_0f565177db.jpg);
 background-repeat:no-repeat;
 background-attachment:scroll;
 }

  table, tr, td, li, p, div {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .btext {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .blacktext10 {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .blacktext12 {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .lightbluetext8 {
  color:FF0000;
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .orangetext15 {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .redtext {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .redbtext {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .text {
  color:FF0000;
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .whitetext12 {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link  {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a:hover, a.searchlinksmall:hover {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a.navbar:active, a.navbar:visited, a.navbar:link  {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a.navbar:hover  {
  color:FF0000;
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a.redlink:active, a.redlink:visited, a.redlink:link  {
  color:FF0000;
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  a.redlink:hover  {
  color:FF0000;
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

  .nametext {
  color:FF0000;
 font-size:8pt;
 font-family:Arial;
 font-weight:bold;
 font-style:italic;
 }

.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(" http://content.pimp-my-profile.com/i95/2/9/18/ct_4632e07d8024.png "); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}



 </style>

[wuj Bat]

No właśnie

U mnie to ten odcinek kodu:

<style>
body { margin-top: 424px; } div.topbanner { position: absolute;
top: 0%; left: 50%; width: 640px; margin-left: -325px; height: 480px;}

</style>
<div class="topbanner">

<img src="ADRES OBRAZKA" /><br />

</div>

<div style="width:380px; height:170px; overflow:hidden; position:relative"><div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="170" width="380">

Wymiary dopasowałem metodą kilku prób.

Ale teraz chcę chmurkie!

[Dexterek]

Taką chmurkę można jako Ajax napisać i z tego co widzę wyżej wstawić również. Rozejrzyj się Wuju pod tym kątem.

[wuj Bat]

Taką chmurkę można jako Ajax napisać i z tego co widzę wyżej wstawić również. Rozejrzyj się Wuju pod tym kątem.

no właśnie nie kumam...

[Dexterek]

http://ajaxmint.com/2009/11/3d-tag-cloud-using-jquery/

[t0ma]

Taką chmurkę można jako Ajax napisać i z tego co widzę wyżej wstawić również. Rozejrzyj się Wuju pod tym kątem.

to rowniez nie przejdzie
bo myspace parsuje wszystko miedzy tagami <script> </script> zamieniajac na "...."

[Dexterek]

To pozamiatane

EDIT: Ale swf'a można wstawić więc nie widzę większego problemu.

[Tolein]

no właśnie nie ogarniam ja również, nie można wstawić po prostu obiektu w odpowiednim miejscu, w odpowiedniej warstwie, czy jak to tam się zwie?
tak samo ludzie zakrywają przecież różne elementy, tak jak reklamy na górze, czy contact table (zabawnie nieudolnie, bo obrazka nie ma, ale link pozostaje) po prostu umieszczając "prostokąt" określonego koloru, czy też z określonym obrazkiem
może w tę mańkę?

[Harvest]

Z swfem możnaby spróbowąć jak z headerem, wrzucić diva i pozycjonować go na twardo. Choć imo trochę jebania sie z tym będzie.

[wuj Bat]

Akurat tego typu jebanie mnie nie kręci Wolę zapłacić, albo użyć poczty kwiatowej, żeby ktoś mi to wyłożył konkretnie albo zrobił, a nie obrażał jakimiś literkami Chętni?

[Dexterek]

Ja bym mógł się z tym zmierzyć, ale to najwcześniej po sesji, a potem to i tak nie gwarantuję, że dojdę do jakichś efektów;)

[Tolein]

No właśnie zabawne jest jak ktoś przytacza piardyliard linijek kodu i "tłumaczy" - 'wstaw se to w kod, robi to to i to, przecież to proste i logiczne'.
Niestety smutna prawda Wuju jest taka, że tak na prawdę to wszystko tam jest. Należy tylko poszukać sobie w neciku, a znajdziesz zarówno mnóstwo rzeczy na temat layoutów do msa, czy raczej jakieś wnioski z reverse engineeringu - jak kod msa taki a taki skrypt czy arkusz styli może zinterpretować, znajdziesz też sporo na temat cssów czy innych języków skryptowych, które Cię mogą na potrzeby takiego łebdizajningu zainteresować.
Pewnie że fajnie jest jak ktoś nam to wszystko wyłoży kulturalnie, od podstaw, tak żebyśmy wiedzieli co, jak i gdzie. Problem tylko że ludziom się raczej nie chce takich dupereli tłumaczyć, bo więcej z tym zachodu (straty czasu) niż pożytku.

[wuj Bat]

Tolein - ja nie mam czasu się wyszczać i na inne podstawowe czynności życiowe!!! Że tak powiem sobie darujmy, bo jakbym był samotnym onanistą, to bym se opierdolił cały ms w chmurki. Nie znam się na tym na tyle, stąd założyłem temat. Wychodzi na to, że lepsi też nie dali rady, więc proszę o pomoc. Nawet zapłacę Logiczne.

[Dexterek]

Za tego straciaka może być na jutro

[wuj Bat]

Za tego straciaka może być na jutro

Ni da rida! Wolę oddać siebie!

Bump! - Dex, jak tam Twoja sesja?