Доброе время суток, не могу разобраться где и как на этом сайте Ссылка сайта Оригинал находятся сами web иконки...то ли они в папке,либо прописаны в ссылке в файле js,если они в js то в каком файле эта строчка?
И ещё по поводу Блога, там съехала картинка,не как не получается поправить....думал что где то не закрыт тег,но так и не нашёл,уже второй день сижу маюсь....
Подскажите как поправить?
Вот мой Сайт
HTML сайт
Сообщений 1 страница 30 из 97
Поделиться125.11.2014 10:04
Поделиться225.11.2014 10:20
Лучше указать на скриншотах что где находится, чтобы другим не гадать
Поделиться425.11.2014 11:42
Иконки выполнены с помощью шрифта Awesome. Пример реализации смотрите на bootstrap: http://bootstrap-ru.com/base_css.php#fontAwesome (там же описание: что из себя это представляет и как работает)
Эта картинка не "съехала", т.к., судя по исходному коду, автор шаблона специально сделал — демонстрация наложения элементов друг на друга (если вдруг приспичит кому-то такое организовать на своем проекте). Если надо убрать вторую картинку (та что расположена под основной), найдите на странице такой блок и удалите его:
<figure class="featured-image second-image shadow"> <img src="img/blog-3.jpg" class="under-image" alt=""> </figure>
Поделиться525.11.2014 12:35
Иконки выполнены с помощью шрифта Awesome.
да,я понял но почему тогда они у меня не отображаються?
в папке CSS есть такой файл
Код:/*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont78ce.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; }
и подключен он в index ->
<link rel="stylesheet" href="css/font-awesome.css" />
Почем тогда эти иконки не отображаются?
Добавлено:
найдите на странице такой блок и удалите его:
я так понимаю там не много другой блок
<figure class="featured-image"> <div class="first-image"> <img src="img/blog-6.jpg" alt=""> </div> <!-- end first-image --> <img src="img/blog-3.jpg" class="under-image" alt=""> </figure> <!-- featured-image -->
где нужно удалить одну строчку;
<img src="img/blog-3.jpg" class="under-image" alt="">
Поделиться625.11.2014 13:10
Zhorik, у вас на сайте отсутствует каталог fonts с расположенными в нем файлами шрифтов: http://burak-aydin.com/yacht/fonts/fontawesome-webfont.eot
Создайте новый каталог в корне сайта и даете ему имя fonts. Далее переходите по ссылке, что я указал выше, скачиваете этот файл шрифта себе на компьютер и загружаете его на свой сайт в папку fonts.
я так понимаю там не много другой блок
Таким образом вы удалите сразу два блока (изображения) из-за чего структура шаблона нарушится. Если удалить только саму картинку, то блок (рамка вокруг картинки) останется, что опять же будет не комильфо.
Поделиться725.11.2014 13:38
Урааа....с иконками всё получилось.....проблема была в том что у меня в корне сайте не хватало в папке Fonts ,4-х файлов!
что о я не много запутался и не могу найти вот эту строчку:
<figure class="featured-image second-image shadow">
<img src="img/blog-3.jpg" class="under-image" alt="">
</figure>
Поделиться825.11.2014 13:52
Похоже, что вы её уже удалили и сейчас у вас в том месте теперь одна картинка
Поделиться925.11.2014 14:18
Похоже, что вы её уже удалили
нет, я это блок не удалял, я только удалил одну строку с файлов index и blog;
<img src="img/blog-3.jpg" class="under-image" alt="">
а сам блок был такой в index и blog;
<div class="col-sm-6 col-md-4">
<article class="h-entry">
<figure class="featured-image">
<div class="first-image">
<img src="img/blog-6.jpg" alt="">
</div> <!-- end first-image -->
<img src="img/blog-3.jpg" class="under-image" alt="">
</figure> <!-- featured-image -->
Почему у меня на форуме шрифт поменялся?! поменялся после того как я стал с этим Fonts работать......наверное нужно Кеш браузера почистить...))
Отредактировано Zhorik (25.11.2014 14:23)
Поделиться1025.11.2014 15:53
Странно Почему структура в оригинале и у вас на порядок различаются. Я ориентировался по оригиналу, в надежде на то, что структуры оригинала и у вас схожи.
Вот так в оригинале:
<div class="featured-image-container"> <figure class="featured-image second-image shadow"> |
А так у вас:
<figure class="featured-image"> |
То есть у вас куда-то пропали <div> и <figure> вокруг всего блока (выделено зеленым и оранжевым). Плюс <div> у вас превратился в <figure> (выделено жирным синим цветом в обоих кодах). Красным выделено то, что предполагалось удалить. А синим шрифтом отмечено то, что у вас осталось от всего кода в итоге (для визуального примера выделил синим и ваш код). Я не знаю, как эти "пропажи" и изменения тегов скажутся в дальнейшем, но в таких делах будьте крайне осторожны: структуру легко испортить и превратить в кашу
Поделиться1125.11.2014 16:57
Вобщем я блок переделал, так как Вы уважаемый мастер подсказали
Теперь вот у меня следующий вопрос,наверное такие вопросы много кого интересуют....это с почтовыми формами...на сайте уже есть готовая и красивая форма отправки письма,осталось только к ней прописать php файл.....а вот тут я полный тормоз....с у меня полная проблема....конечно это можно решить другим способом,например создать похожую форму на сервисе Jotform и заменить,либо создать в Adobe Muse CC 2014 и заменить ... но как то больше предпочитаю оригинал,помогите пожалуйста с php отправкой письма,и если можно растолковать каждую строчку.....
Поделиться1225.11.2014 17:58
Как раз такие вопросы тут мало кого интересуют, т.к. форум посвящен системе uCoz, а там такое сделать в "пару кликов"
В сети есть все необходимые компоненты для создания почтовых форм, но большинство из них значительно устарело. Попробуйте взять почтовую форму из своей прошлой темы, возможно я частично подскажу что и как работает, но не более. Не знаю по какому принципу работает программа "Adobe Muse CC 2014", но для работоспособности почтовой формы надо уделить не мало усилий и внимания некоторым мелочам о которых почему-то многие веб-мастера забывают. Я не знаю многих деталей, например, поддерживает ли сервер, на котором расположен ваш сайт, размещение PHP-скриптов, а если и поддерживает, то какая версия PHP стоит на нем и, соответственно, под какую версию PHP писалась та почтовая форма, в том числе с какого адреса и сервера будет происходить отправка письма. Поэтому, во избежании подобных вопросов и отсутствия нужных знаний, и существуют такие сервисы, чтобы ими пользовались
Поделиться1327.11.2014 17:11
Добрый вечер,возникли два вопроса:
1. Подскажите пожалуйста, где и какая строчка в css отвечает за увлечения логотипа?
2. На главной страничке,а именно на этот background
поставить эфект живой воды, пример смотрите тут Эфект живой воды
или наверное лучше этот эфект поставить в галерею под основные фото?как вы считаете?
Что то дизайн форума слетел....или это у меня только?
Отредактировано Zhorik (27.11.2014 18:00)
Поделиться1428.11.2014 08:42
Вообще все эти эффекты сильно нагружают сайт. Пользователю важен контент и быстрая загрузка страниц сайта (чем дольше будет загружаться сайт, тем меньше будет вероятность того, что пользователь останется на сайте или зайдет в последующие разы). Такие эффекты обычно размещают на сайтах со статичным содержанием (не обновляемым) с малым объемом текста и минимумом элементов, где важно продемонстрировать продукт или услугу во всей красе.
На счет форума: вчера были какие-то траблы на стороне сервера на котором размещен наш форум. Сегодня вроде всё уладилось.
Поделиться1528.11.2014 09:24
Доброе утро
Проблема с форумом началась как раз в то время как началась установка рекламы.....и сразу всё поплыло,но правда это было не так долго,примерно часа полтора!
А всё же может подскажите как можно внедрить этот эффект на сайт...хочу попробовать как будет смотреться в шапках станиц (о нас,Услуги,Галерея,Блог,Почта)
И второй вопрос по поводу логотипа,где в css строчка которая отвечает за размеры логотипа?
Отредактировано Zhorik (28.11.2014 09:25)
Поделиться1628.11.2014 09:52
Перед закрывающим тегом </body> ставите такой код:
<script src="/js/jquery.ripples.js"></script> <script> $('header').ripples({ resolution: 512, dropRadius: 20, perturbance: 0.04, }); </script>
Естественно, поместив в папку js файл скрипта из темы Эффект воды на JQuery
Для увеличения логотипа ставите код
.logo img { max-width: 350px; }
В самый низ файла css/style.css
Поделиться1828.11.2014 12:44
Нет так не работает
Дык сам то скрипт надо разместить в корне сайта, это во-первых, а во-вторых, не вижу, чтобы он у вас был подключен.
http://samurais.esy.es/js/jquery.ripples.js
предполагаю что нужно подключать картинку?
Какую картинку?
Поделиться1928.11.2014 13:33
Дык сам то скрипт надо разместить в корне сайта
Прошу прощения ,это вы не видели потому что я его проверял на локальном сервере.....я забыл сказать....простите
Сейчас поставил....вроде заработало....только на Главной странице, и на странице с темой Блога,получилось так;
И подскажите пожалуйста с логотипом....при прокрутке страницы Логотип обрезаеться....где в css нужно подправить (сдвинуть в лево)?
Поделиться2029.11.2014 10:39
Ах, ну тогда всё понятно
Для корректировки логотипа, замените мой предыдущий код на такой:
.front-header .logo img { max-width: 350px; } .fixed-header .logo img { max-width: 250px; }
А вот проблему с эффектом, наверное вечерком погляжу, пока нет времени
Поделиться2129.11.2014 15:05
А вот проблему с эффектом, наверное вечерком погляжу
Спасибо
Поделиться2201.12.2014 15:28
Нет, с эффектом я не помогу: не понятно зачем скрипт делает дополнительную высоту в блоке, из-pа чего область курсора становится чуть выше. Такая ерунда происходит только на главной странице сайта, на остальных страницах все в порядке, из-за чего так происходит — я не разобрался. Либо искать того, у кого хватит время на отделение эффекта от лишней высоты, либо отказаться от эффекта.
Поделиться2301.12.2014 18:35
Наверное лучше отказаться тогда,не чего страшного меньше будет нагрузка на сайт....а как можно снять затемнения на главной странице на шапке фото?
Поделиться2401.12.2014 19:27
В файле css/background.css найдите код (~26 строчка):
.front-header:before { |
Удалите строчки выделенные красным.
Поделиться2501.12.2014 20:53
Большое спасибо
Есть следующий вопрос,в оригинале на сайте (Ссылка) на главной странице в разделе Блог (Travel Around the World) при наведении курсора происходит эффект плавного увеличения фото!
что не хватает у нас в css и что нужно прописать в html ?
Поделиться2601.12.2014 22:17
Zhorik, в самый низ style.css
.post-loop-wrap .h-entry:hover img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
Поделиться2702.12.2014 09:33
Доброе утро...))
В нашем случает картинка увеличивается резко в месте с рамкой......
а в оригинале увеличения плавное внутри рамке!
Я вот так попробовал:
css
.image { overflow:hidden; width: 380px; height:250px; } .image img { -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .image img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
html
<div class="image"><a href="#"><img width="380" height="250" src="img/blog-1.jpg" /></a></div>
но у меня тогда структура съехала и проблемы с рамкой....((
Вобщем я пошёл таким путём,взял полностью весь код css с оригинала и вставил себе на сайт.....всё заработало....только рамка стала крупнее,как её толщину немного уменьшить?
Только после замены CSS оригинала у меня на главной странице и на странице "Услуги" в секции "VERTICAL SLIDER" пропал текст?....как исправить?
Отредактировано Zhorik (02.12.2014 11:02)
Поделиться2802.12.2014 13:30
Zhorik, тот код был целиком из оригинала, перед опубликованием его я проверил. Он что и делает, так это при наведении на элемент с классом h-entry увеличивает картинку, ваш же код увеличивает картинку только при наведении на оную.
Найдите в структуре div с классом
class="post-loop-wrap shadow clearfix" |
Выделенное красным удалите.
Снова понаудаляли лишних тегов перед слайдером. Возьмите код слайдера со страницы с оригиналом и замените. Код копируете от
<!-- VERTICAL SLIDER -->
до
<!-- END VERTICAL SLIDER -->
Поделиться2902.12.2014 14:45
Возьмите код слайдера со страницы с оригиналом и замените.
Скопировал и вот что получилось в блоке <!-- VERTICAL SLIDER -->
Ссылка
Сейчас стоит оригинал CSS
я предполагаю что сам оригинал CSS отличается от того что шёл в комплекте с шаблоном!
так как в оригинале 3333 строки.....а в том 1459 строк!
хотя изначально до сегодняшнего обеда стоял старый CSS , а сейчас уже оригинал стоит!
как можно вам этот CSS показать?
Отредактировано Zhorik (02.12.2014 16:01)
Поделиться3004.12.2014 23:58
Zhorik, возможно так и есть, наверное поэтому такие различия в оригинале и у вас. На выходных постараюсь помочь, сейчас сильно загружен
Похожие темы
HTML | Все обо всем | 28.02.2010 |
Круглое меню для сайта | Меню для сайтов | 25.05.2012 |
Помогите очистить сайт от ненужных скриптов | Помощь, вопросы по uCoz | 06.02.2015 |
Первоначинающим дизайнерам сайтов | HTML и CSS | 17.01.2012 |
Проблема с добавлением материала в "Новости сайта" и "Блог" | Помощь, вопросы по uCoz | 08.07.2013 |