Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 皮肤Twitter HTML和CSS_Javascript_Html_Css_Twitter_Haml - Fatal编程技术网

Javascript 皮肤Twitter HTML和CSS

Javascript 皮肤Twitter HTML和CSS,javascript,html,css,twitter,haml,Javascript,Html,Css,Twitter,Haml,我正在构建一个twitter应用程序,并希望使用他们主页的结构。有人能建议如何进行这项工作,或者指出一个这样做的参考资料吗 我不打算使用任何被视为版权的图像,我只想使用单列布局,带有侧面板、页眉和页脚 谢谢 以下是制作带有页眉和页脚的两列布局的教程: 由于这是标记为haml的,我假设您是在rails上完成的,并且知道如何通过haml。您可以使用Compass简化样式,它使用blueprint、960和yui的组合,并将其移植到sass 您可以使用 #container #header #

我正在构建一个twitter应用程序,并希望使用他们主页的结构。有人能建议如何进行这项工作,或者指出一个这样做的参考资料吗

我不打算使用任何被视为版权的图像,我只想使用单列布局,带有侧面板、页眉和页脚


谢谢

以下是制作带有页眉和页脚的两列布局的教程:


由于这是标记为haml的,我假设您是在rails上完成的,并且知道如何通过haml。您可以使用Compass简化样式,它使用blueprint、960和yui的组合,并将其移植到sass

您可以使用

#container
  #header
  #main
    #content
    #sidebar
  #footer
然后,你可以用以下方式表达你的愤怒:

#container,
#header,
#footer
  +container

#main
  +container
  #content
    +column(16)
  #sidebar
    +column(8, true)
这是一个基本的单列布局,带有一个右侧边栏。然后,您可以根据需要进行自定义。另外,请阅读Compass wiki以了解有关样式设置/安装等的更多信息