Вы видите нижний колонтитул, должны быть значки, но они не появляются, вместо этого вы видите эти пустые квадраты. Как я могу заставить их появиться.
Это мой html для нижнего колонтитула:
<footer class="gradient">
<div id="inf-{PostID}" class="post-inf">
<div class="accordion-group post-meta">
<div id="meta-{PostID}" class="meta-links clearfix collapse in">
<div class="timestamp"><a href="{Permalink}" data-toggle="tooltip" data-placement="top" data-trigger="hover" title="View Post – {lang:Posted at FormattedTime}"><i class="icon icon-time"></i><span> {TimeAgo}</span></a>
</div>
<div class="note-count"><a href="{Permalink}#notes" title="{lang:This post has NoteCount notes}"><i class="icon icon-heart"></i><span> {NoteCount}</span></a>
</div>
<div class="reblog"><a href="{ReblogURL}" title="Reblog"><i class="icon icon-retweet"></i><span> Reblog</span></a>
</div>{block:Photo}
<div class="highres"><a href="{PhotoURL-HighRes}" title="{lang:View high resolution}"><i class="icon icon-picture"></i><span> High-Res</span></a>
</div>{/block:Photo}
<div class="share-open"><a data-toggle="collapse" data-parent="#inf-{PostID}" href="#share-{PostID}" title="{lang:Share this}"><i class="icon icon-share"></i><span> Share</span></a>
</div>
</div>
</div>
Я пытаюсь получить иконки с:
.index-page .grid article.minimal.type-photo footer .post-meta .meta-links .timestamp {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}
Также попробовал это:
#inf-{PostID}#meta-{PostID} .timestamp .icon.icon-time {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}
Ни одна из этих работ, я предполагаю, что я не нацеливаюсь на правильный якорь? Может ли кто-нибудь дать мне руку? очень признателен!
Здесь полный html-код, если он помогает: http://pastebin.com/Q5m14Qk1
с кодом, который вы опубликовали на pastebin, im фактически получает изображение для метки времени
просьба уточнить среду разработки
Я попытался проверить его в firefox, и я обнаружил, что FF не смог получить шрифты. Ниже приведена ошибка.
Error: downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1
Source File: http://static.tumblr.com/t7rbpdb/UDlmkgnsv/bootstrap.min.css
Line: 0
Source Code:
@font-face { font-family: "FontAwesome"; font-style: normal; font-weight: normal; src: url("http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1") format("woff"); }
После поиска этой ошибки я нашел следующий поток.
firefox @font-face fail with fontawesome
Может быть, это поможет вам.
проверьте свой.htaccess в корневой папке, а также.htaccess в подкаталогах. Примените следующий код к соответствующему файлу.htaccess.
Order deny,allow
Deny from all
<Files ~ ".(xml|css|jpe?g|png|gif|js|svg|woff|ttf|eot|woff2)$">
Allow from all
</Files>