我想拿一个免费的模板来启动我的RolePlay论坛,其中有一个“好看的”主页;我找到了这个:Template preview
模板本身工作正常,如果我打开给定的下载index.html没有问题。
然后我“翻译”了那个页面,与我的Symfony合作。
这是我得到的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
{% block title %}Way Of Shogun {% endblock %}
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/main.css') }}" />
<link rel="stylesheet" href="{{ asset('css/style.css') }}"/>
{% endblock %}
</head>
<body>
<div id="container">
<div id="header">
<div id="nav">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Game Guide</a>
</li>
<li>
<a href="#">Interactive</a>
</li>
</ul>
<ul>
<li>
<a href="#">Account</a>
</li>
<li>
<a href="#">Support</a>
</li>
<li>
<a href="#">Media</a>
</li>
</ul>
</div>
</div>
<div id="content1">
<div id="text1">
<img src="{{ asset('images/cap-night-elf.gif') }}" alt="Caption" />
<div class="heading">BEST RELEASE OF THIS MONTH</div>
<br />
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
<p>
<div class="heading">MORE GAMES</div>
</p>
<p>
<span class="flt-lft"><img src="{{ asset('images/image-1.gif') }}" alt="More Games" /></span>
<span class="flt-lft"><img src="{{ asset('images/image-2.gif') }}" alt="More Games" /></span> <strong>Gnome mage by Someone</strong><br />
<br />
Etiam ullamcorper mi eu libero bibendum consequat. Cras volutpat .<br />
<span class="flt-rgt"><a href="#">...more</a></span>
</p>
</div>
</div>
<div id="pagebottom">
<div id="left">
<div id="text2"> <img src="{{ asset('images/cap-community-news.gif') }}" alt="Community News" />
<p>
<div class="heading2">THUNDGOT, AEUS, & VANERUS, 19/10/2006</div>
</p>
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
</div>
</div>
</div>
{% block body %}{% endblock %}
<div id="right">
<div class="heading2">QUICK LINKS</div>
<div id="quicklinks">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Realms Status</a></li>
<li><a href="#">Account Creation</a></li>
<li><a href="#">Account Management</a></li>
<li><a href="#">Cetrieve Passward</a></li>
</ul>
</div>
<div class="heading2">SCREENSHOT OF THE DAY</div>
<img src="{{ asset('images/screenshot.jpg') }}" alt="Screenshot" /> <br />
<a href="#">Cross Realm Battlegrounds</a><br />
<a href="#">World PvP </a><br />
<a href="#">Rogue Talents revamped </a>
</div>
<div id="footer">
<a href="#">Home</a> | <a href="#">Game Guide </a> | <a href="#">Interactive</a> | <a href="#">Community</a> | <a href="#">Account</a> | <a href="#">Support</a> | <a href="#">Media</a>
<p>
<a href="#">Legal Documents</a> |
<a href="#">Game Policies</a>
<br/>©2006
<a href="#">WorldofWarcraft.com</a>. All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a>
</p>
</div>
</div>
<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div>
</body>
</html>
抱歉,对于糟糕的缩进,清理像这样的代码是疯狂的:( 无论如何,正如我所说,我刚刚翻译过来用资产链接替换图像。 但结果是,前端不一样,我看不出有什么不对。
希望你能帮助我;)谢谢。
这是我正在获得的屏幕。 更具体地说,我检查了网络呼叫以及所有图像和css以及找到的
再次感谢