Feldstudie.net.::. Twitterblase aka. Twigg.::. CSS, Twigg, štěbetání

"Plná podpora myš VMware 6 Hodnocení srpen»

2008 Sep 01 2008

Profilbild von Torsten Feld
Torsten Obor

Twitterblase aka. Twigg

Publikováno v 13:14 do blogu nebo webové stránky

Nedávno jsem Olivers článek o 'Twigg', tj. cvrlikání na blog, přečtěte si jeho provedení a myslím si, že velmi úspěšné. Balóny, které v posledních pípání zveřejnit velmi dobře zapadají do kontextu, a ne dominovat celkový obraz. Z tohoto důvodu jsem se rozhodl, že to teď v mých rukou takovým způsobem.

Plug-ins pomocí 'web' může být poslední pípání, v pravidelných intervalech a stáhne kdekoli na stránce. Pak je to jen způsob, jak lákavá.

Bohužel, přišel jsem s CSS v Oliver není příliš daleko, protože můj balon přímo moje logo na místě. Po nějaké pomoci od Oliver sám, mlogger a Ambros I přesto se stalo včera večer na uspokojivé řešení. Navíc jsem se tak dlouho 'herumgetweakt' na výsledek v IE také vypadal jako přiměřené. Na začátku to byl bohužel v případě, že horizontální mezera mezi horní části měchýře a ve spodní části byl.

Tady je můj kód krát. Možná, že někdo může nadále používat

PHP:

  <div id="headercontainer"> 
	  <div id="logo"> <img alt="Feldstudie.net Logo" src="http://www.feldstudie.net/img/feldstudie-logo.jpg"> </ div> 		

	  <div Id="twitter-status"> 
	     <p> 
	          ; ?> <br> <? Php aktt_latest_tweet ();?> <br> 
	      </ P> 
	      <div id="twitter-status-bottom"> </ div> 
	  </ Div> 
  </ Div>

CSS:

  # Záhlaví kontejner 
  ( 
	  900px ; šířka: 900px; 
	   0 auto ; margin: 0 auto; 
  ) 

  # Štěbetání-status ( 
	  20px  0 0px ; padding: 20px 0 0px; 
  ) 

  # Štěbetání-status-bottom ( 
	  url ( /img/status-bottom.jpg ) no-repeat scroll 0pt 100 % ; background: transparentní url (/ img / status bottom.jpg) no-repeat navigační 0pt 100%; 
	  14px ; height: 14px; 
	  451px ; šířka: 451px; 
	  0px ; padding-top: 0px; 
	  -2px 0px 0px 330px ; margin:-2px 0px 0px 330px; 
	  0px 20px  0 50px ; padding: 0px 20px 0 50px; 
  ) 

  # Štěbetání stavu p ( 
	  url ( /img/status-top.jpg ) no-repeat scroll 0pt 0pt ; background: transparentní url (/ img / status top.jpg) no-repeat navigační 0pt 0pt; 
	  1.1em ; font-size: 1.1em; 
	  1.5em ; line-height: 1.5em; 
	  15px ; margin-top: 15px; 
	  0px ; margin-bottom: 0px; 
	  30px ; min-height: 30px; 
	  hidden ; overflow: hidden; 
	  10px 20px 0px 30px ; padding: 10px 20px 0px 30px; 
	  1px 1px 3px #FFF ; text-shadow: 1px 1px 3px # FFF; 
	  401px ; šířka: 401px; 
	  #FFF ; color: # fff; 
  ) 

  # Status "cvrlikání 
  ( 
	  #9BDEEF ; color: # 9BDEEF; 
  )