Feldstudie.net.::. Twitterblase aka. Twigg.::. CSS, Twigg, Twitter

"Full mouse apoio VMware 6 Avaliação agosto»

2008 Sep 01 2008

Profilbild von Torsten Feld
Torsten Campo

Twitterblase aka. Twigg

Publicado em 13:14 no blog / website

Eu recentemente Olivers artigo sobre o 'Twigg', ou seja, Twitter's blog, ler a sua implementação e acho muito bem sucedida. Os balões, que a última Piu divulgar encaixar muito bem em segundo plano e não dominam o panorama global. Por esta razão, decidi que esta agora para a minha mão de tal maneira.

Plug-ins utilizando o «web» poderá ser a última Piu, em intervalos regulares e recuperados em qualquer ponto da página. Então este é apenas forma apelativa.

Infelizmente, eu vim com a CSS do Oliver não muito longe, porque o meu balão direito pelo meu logo para casa. Depois de alguma ajuda de Oliver próprio, mlogger e Ambros ainda me veio ontem à noite, a uma solução satisfatória. Além disso, tenho muito tempo 'herumgetweakt "para o desfecho no IE também parecia razoável. No princípio era o caso que, infelizmente, uma lacuna horizontal entre a parte superior da bexiga e da parte inferior foi.

Aqui está o meu código vezes. Talvez ele ainda pode usar alguém

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:

  # Cabeçalho recipiente 
  ( 
	  900px ; width: 900px; 
	   0 auto ; margin: 0 auto; 
  ) 

  # Trinfar-estado ( 
	  20px  0 0px ; padding: 20px 0 0px; 
  ) 

  # Trinfar-estado-bottom ( 
	  url ( /img/status-bottom.jpg ) no-repeat scroll 0pt 100 % ; background: url transparente (/ img / estado bottom.jpg) no-repeat scroll 0pt 100%; 
	  14px ; height: 14px; 
	  451px ; width: 451px; 
	  0px ; padding-top: 0px; 
	  -2px 0px 0px 330px ; margin:-2px 0px 0px 330px; 
	  0px 20px  0 50px ; padding: 0px 20px 0 50px; 
  ) 

  # Chilrear estado p ( 
	  url ( /img/status-top.jpg ) no-repeat scroll 0pt 0pt ; background: url transparente (/ img / estado top.jpg) no-repeat scroll 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-sombra: 1px 1px 3px # FFF; 
	  401px ; width: 401px; 
	  #FFF ; color: # FFF; 
  ) 

  # Estado de um piar 
  ( 
	  #9BDEEF ; color: # 9BDEEF; 
  )