"Фейк" Фейсбука для 1.10.1

+12
3.25K
После длительного отсутствия — почти год), шаблон для 1.10.1
— по неоднократным просьбам ----

Продолжение этой темы.

Иллюстрация

Демо, как всегда, здесь
По всем вопросам готов дать положительный ответ)


Иллюстрация

а так выглядит при наведении курсора:
Иллюстрация

используется только css.
файлы из архива распаковать в папку с шаблоном, добавить позицию для вывода модулей, из template.txt добавить в ваш template.php — модно сразу после <body>
Можно выводить несколько модулей.
Посмотреть на демо
Скачать
+1
AndroS AndroS 11 лет назад #
Ссылка ЛС у логотипа ведет на 404 страницу, там переменная в url просматривается
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
0
fact fact 11 лет назад #
фейсбук не предъявит за плагиат? и случайно в шаблоне нет скрытых ссылок и другой бяки?
-1
Игорь Игорь 11 лет назад #
Мне тоже комп говорит, "не смотрите демосайт"
0
Anor Anor 11 лет назад #
http://demo.bee-office.ru/users/{$usr.id}/messages.html
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
0
Станислав Григорьевич (Мозголом) Станислав Григорьевич (Мозголом) 11 лет назад #
В CSS добавить следующий код, а то при добавление на стену пользователя информации, всплывающее окно не правильно выводится.
Код PHP:
  1. /** Core messages styles [AM][start] **/
  2. .button_yes, .button_no {
  3. background: none repeat scroll 0 0 transparent;
  4. border: 1px solid;
  5. cursor: pointer;
  6. font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;
  7. font-size: 11px;
  8. margin: 3px;
  9. outline: medium none;
  10. overflow: visible;
  11. padding: 4px 14px;
  12. white-space: nowrap;
  13. }
  14. .button_yes::-moz-focus-inner, input.button_no::-moz-focus-inner {
  15. border: 0 none;
  16. }
  17. .button_yes {
  18. background: none repeat scroll 0 0 #5D81A7;
  19. border: 1px solid #45688E;
  20. }
  21. .button_yes {
  22. background: url('../images/core/button.png') repeat-x scroll 0 -16px #6181A6;
  23. border-color: #789ABF #5980A9 #5980A9;
  24. color: #FFF;
  25. text-shadow: 0 1px 0 #45688E;
  26. }
  27. .button_yes:hover {
  28. background-position: 0 -8px;
  29. }
  30. .button_yes:active {
  31. background: none repeat scroll 0 0 #5E80A5;
  32. border: 1px solid #5E80A5;
  33. position: relative;
  34. }
  35. .button_no {
  36. background: none repeat scroll 0 0 #E0E0E0;
  37. border: 1px solid #B3B3B3;
  38. }
  39. .button_no {
  40. background: url('../images/core/button.png') repeat-x scroll 0 -54px #DDDDDD;
  41. border-color: #FFFFFF #E7E7E7 #E5E5E5;
  42. color: #444444;
  43. text-shadow: 0 1px 0 #FFFFFF;
  44. }
  45. .button_no:hover {
  46. background-position: 0 -46px;
  47. }
  48. .button_no:active {
  49. background: none repeat scroll 0 0 #DCDCDC;
  50. border: 1px solid #DCDCDC;
  51. position: relative;
  52. }
  53. #popup_container {
  54. position: absolute;
  55. width: 100%;
  56. top: 0;
  57. left: 0;
  58. z-index: 100;
  59. text-align: left;
  60. }
  61. #popup_container .b {
  62. background: transparent url('../images/core/b.png') repeat scroll 0 0;
  63. }
  64. #popup_container .tl {
  65. background: transparent url('../images/core/tl.png') repeat scroll 0 0;
  66. *background: url('../images/core/tl.png');
  67. }
  68. #popup_container .tr {
  69. background: transparent url('../images/core/tr.png') repeat scroll 0 0;
  70. }
  71. #popup_container .bl {
  72. background: transparent url('../images/core/bl.png') repeat scroll 0 0;
  73. }
  74. #popup_container .br {
  75. background: transparent url('../images/core/br.png') repeat scroll 0 0;
  76. }
  77. #popup_container table {
  78. border-collapse: collapse;
  79. margin: auto;
  80. }
  81. #popup_container .body {
  82. background: #fff;
  83. width: 600px;
  84. }
  85. #popup_container .tl,
  86. #popup_container .tr,
  87. #popup_container .bl,
  88. #popup_container .br {
  89. height: 10px;
  90. overflow: hidden;
  91. padding: 0;
  92. width: 10px;
  93. }
  94. #popup_title,
  95. #note_title {
  96. background: none repeat scroll 0 0 #0081c3;
  97. border: 1px solid #0081c3;
  98. color: #FFFFFF;
  99. font-size: 13px;
  100. font-weight: bold;
  101. line-height: 1;
  102. margin: 0;
  103. padding: 6px;
  104. text-shadow: 0 1px 0 #111111;
  105. }
  106. #popup_container .popup_x_button,
  107. #noteform .popup_x_button {
  108. background: url('../images/core/boxicon.gif') repeat scroll -4px -2px #9AB5D1;
  109. cursor: pointer;
  110. float: right;
  111. height: 17px;
  112. margin: 5px 7px 0;
  113. padding: 0;
  114. width: 17px;
  115. }
  116. #popup_container .popup_x_button:hover,
  117. #noteform .popup_x_button:hover {
  118. background-color: #fff;
  119. }
  120. #popup_progress {
  121. display: none;
  122. text-align: center;
  123. width: 100%;
  124. margin: 45px 0 28px;
  125. }
  126. #popup_content {
  127. padding: 0;
  128. margin: 0;
  129. }
  130. #popup_message {
  131. color: #111;
  132. font-size: 13px;
  133. padding: 0 3px 0 3px;
  134. border-left: 1px solid #aaa;
  135. border-right: 1px solid #aaa;
  136. overflow:hidden;
  137. }
  138. #popup_message .box_message_content {
  139. color: #111;
  140. font-size: 13px;
  141. margin: 5px;
  142. padding: 5px;
  143. }
  144. #popup_panel, #note_panel {
  145. background: #f9f9f9;
  146. border: 1px solid #aaa;
  147. border-top: 1px solid #ccc;
  148. margin-top: 0px;
  149. padding: 3px;
  150. padding-right: 10px;
  151. text-align: right;
  152. }
  153. #popup_prompt {
  154. margin: 0.5em 0
  155. }
  156. span.ajax-loader {
  157. background: url('../images/core/ajax-loader.gif') no-repeat;
  158. display: none;
  159. float: left;
  160. left: 6px;
  161. position: relative;
  162. top: 11px;
  163. width: 36px;
  164. }
  165. #popup_info {
  166. border: 1px solid #666666;
  167. display: none;
  168. float: left;
  169. margin: 3px 2px;
  170. padding: 2px 9px 1px;
  171. position: relative;
  172. }
  173. #popup_info.error {
  174. background-color: #E6A4A4;
  175. }
  176. #popup_info.info {
  177. background-color: #AEFFA4;
  178. }
  179. /** Core messages styles [AM][end] **/
  180. #popup_message div.js_smiles, #smileajax {
  181. height: 1px;
  182. }
  183. #popup_message div.js_smiles a, #smileajax a {
  184. text-decoration: none;
  185. }
  186. /** Popup smile and bb-code panel [AM][end] **/
  187. /** Ajax intive club [AM][start] **/
  188. .clearFix:after {
  189. content :".";
  190. display :block;
  191. height: 0;
  192. clear: both;
  193. visibility: hidden;
  194. }
  195. .friend_list_top {
  196. background-color: #F7F7F7;
  197. padding: 4px 4px 0 4px;
  198. font-size: 12px;
  199. overflow:hidden;
  200. margin: 0 -3px;
  201. border-bottom: 1px solid #AAAAAA;
  202. }
  203. *:first-child+html .friend_list_top {
  204. padding-bottom: 18px;
  205. }
  206. #friend_list_lookup {
  207. float: right;
  208. width: 180px;
  209. color: #777;
  210. }
  211. .friend_list_body {
  212. padding: 4px 0px 0px 10px;
  213. width: 657px;
  214. max-height: 500px;
  215. border-top: 0px solid #c3edb2;
  216. overflow-x: hidden;
  217. overflow-y: scroll;
  218. }
  219. .friend_list_body_ajax {
  220. padding: 4px 0 0 3px
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
+3
Narsa Narsa 11 лет назад #
Так его и так "за так" надо отдавать-)) максимум на одну банку вискас тянет-)) дел на 20 мин.

Три колонки, Фиксед в хедер и левую колонку, на плашках убрать радиусы (в стандартном они есть) да вставить "свой цвет" под фейсбуку - вся работа.

Только без обид Кот, я сказал что думаю
+13
Fuze Fuze 11 лет назад #

О боже, это еще и платно? Что-то я упустил при первом просмотре.

LonelyCat, в продакшн подобное творчество в платном виде выпускать (читайте продавать тут) категорически нельзя.

Пожалуйста, ответьте, чем вы руководствовались, когда решили это продавать? На что вы рассчитывали, выложив? Вы действительно думаете, что это можно выставлять за деньги? Об отступах, скачущем шрифте, да и в целом о дизайне и верстке вы слышали?

Ответили честно? А теперь подумайте какая у нас должна быть реакция на подобное.

p.s. попытался написать максимально сдержано и культурно.

p.p.s. цветовой круг или гугл -> Большой цветовой круг Освальда

0
lokanaft lokanaft 11 лет назад #
На "творчества" других "предпринимателей" смотрите сквозь пальцы?
+9
Fuze Fuze 11 лет назад #
На "творчества" других "предпринимателей" смотрите сквозь пальцы?
я на все творчества сморю сквозь пальцы. на ком накипит - тому коммент)
0
lokanaft lokanaft 11 лет назад #
Раз так, значит ничего достойного вы ещё не видели? Что же это в таком случае?)
+1
Fuze Fuze 11 лет назад #
ничего достойного вы ещё не видели
видел, был ответ в контексте вашего вопроса, только кавычки не проставил
0
omarov omarov 11 лет назад #
Я не берусь обсуждать (просто плюсую как обычно), так как любой труд (тем более его бесплатно Вам дают) стоит похвалы.

Собственно что вообще решил оставить комментарий, может пригодится, заходил на демо сайт в котором лежит этот шаблон с мобильного (iPhone) и обнаружил что при увеличение экрана левый блок и меню лезел на центр в любой части сайта.
+2
fact fact 11 лет назад #
шаблон не бесплатный, а платный!
+2
omarov omarov 11 лет назад #
Ух тыы! Тогда я молчу!!!
+9
Скела Скела 11 лет назад #
Офигительно - классно, хочу купить за 1000$ собирался поставить + за старание, но увидел, что "это" платно - от того и сарказм.

Ну а теперь серьёзно... Вы Фэйсбук видели то? кроме того что меню находится на том же месте - ничего общего вообще. Поправьте если я ошибаюсь. Vk и mail фэйки для iCMS хоть как то порадовали - а в этом шаблоне ни чего стоющего не увидел. За сколько же Вы хотите его продать (ради интереса)
Я честно потыкался в демо сайте - желая найти что то аховое (может даже перенять для себя), но....

""
фэйк Apple разбираем, разбираем... всего в пол цены от оригинала smile
-6
Anonim Anonim 11 лет назад #
А помне, цена за подобное в районе 5 WMZ вполне приемлема
+5
IRATE IRATE 11 лет назад #
Вы меня извините, но попытка скопировать интерфейс фейсбука напоминает попытку китайцев клонировать iPhone - картинки интерфейса из iOS, а стоит андроид, лучшем случае.
Движок у facebook абсолютно другой и представляет из себя jabber-клиент, то есть для простоты понимания, типа аськи, соответственно все работает в реальном времени.
0
Search Search 11 лет назад #
А зачем вообще клонировать популярные соц.сети? или вы думаете что кто-то фанатеет по таким шаблонам кроме школоло? так у них и на пирожок нет.
Не в обиду, но подобное даже бесплатно не интересно, лично мне, ума не приложу что с ним делать, открывать клоны, это бред, провал на все 146%. Зря копеечку только на домен и хост потратишь.
+ поставил за старание.
Это личное имхо, не обсуждаемое.
+1
Upliner Upliner 11 лет назад #
Ребят, любой шаблон можно применить к чему либо, что его окупит...
Что касается цены, то комментить не буду, воздержусь. Не мое это дело.
Меня данный диз привлек из соображений сделать на нем альтернативу парковочной страницы.
Объясню подробнее. Я доменоголик. Мне очень тяжело сдерживать себя что бы не купить тот или иной домен идея которого пришла мне в голову. В итоге у меня куча всяких интересных доменов. Под каждый рано или поздно будет свой проект,НО сейчас они лежат мертвым грузом и просят кушать раз в год. В итоге набегает хорошая сумма.
Отсюда, идея.: Составляем основную семантику будущего проекта(домен которово просто лежит). Пишем несколько страниц текста с ключевиками и ставим этот шабл. Что имеем?
1. Домен/сайт отлеживается. Растет срок его жизни, это повышает его цену в будущем. Поисковики уже его знают.
2. Эти несколько страниц с уникальным текстом генерят хоть и небольшой, но траф. Который в целом можно монетизировать через тот же адсенс или перенаправлять куда нибудь.
3. Шаблон. Его вид очень похож на всем известный "фасебук" и потому, работает психология...или как там ее...:
- Юзер забрел к вам.
- Юзер не понимает... что происходит? Вроде что то знакомое, но не то...
- Пока юзер разбирается и читает уникальный текст, у нас растет время пребывания на сайте.
- Юзер понял, что это не "фасебук", но если текст/пост/статья был интересен, то он не держит зла на вас smile И если вы не перевесили его баннерами, попапами,тизерами, а аккуратно разместили, встроили в текст рекламу, то скорее всего юзер уйдет по ней... За год по вашим просто лежащим доменам пройдется нормальное число юзеров, что вполне возможно может окупить лежащие и ждущие своего часа домены. Как то так...
На мой взгляд, эта схема лучше простой парковочной страницы. А дорогой шаблон или дешевый это зависит от того как его использовать.
Хотя у Дезерита, есть покрасивше и бесплатно, но их жалко применять по указанной выше схеме, потому думаю не взять ли мне этот?
Автор, на демо яндекс и каспер ругаются, не пускают, а глянуть хочется.
За продукт +
0
reload reload 11 лет назад #
Upliner:
на демо яндекс и каспер ругаются, не пускают
Да яша пометил сайт!
"Сайт может угрожать безопасности вашего компьютера или мобильного устройства"
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
+1
reload reload 11 лет назад #
странно) у меня во всех браузерах открывается, и никто не ругается) а с яндекса мне бы письмо пришло, если бы что-то нашли.
самое простое это посмотреть на выдачу, вбиваем домен в поиске яши:
yandex.ru/yandsearch?text=demo.bee-office.ru
0
sotastroy sotastroy 11 лет назад #
Я бы 3 пункт вашего хитрого плана заменил на подбор "релевантного шаблона и его уникализацию". Небольшое потраченное время даст больше, чем "зависание пользователя" в недоумевании.
0
Upliner Upliner 11 лет назад #
Выше я отписал лишь один из множества способов применения этого шаблона, согласен не самый лучший :)
Уверен, если немного по колдовать над ним, то можно сделать нечто лучшее и более серьезный проект запустить.
В голову пришла мысля - он бы интересно смотрелся у известного проекта "Цукерберг позвонит" или можно свой стебный запустить тупо блоговый со стебеом всей шумихи вокруг фейсбука, типа "Цукерберг отдыхает" :)
А так, простота навигации данного шаблона это его плюс.
0
surfer surfer 11 лет назад #
Отличная идея, я тоже доменоголик, вот теперь есть идея, чтоб не в пустую висел smile
+1
Скела Скела 11 лет назад #
да с вирусом прикольно...
На счёт затупить пользователя шаблоном - это насколько тупые должны быть пользователи. Если меня с поисковика перекинет на соц сети - я 100% не зайду. На счёт того что бы копить домены на будущее: у меня тоже несколько есть - кидал уникум текст... полезли пользователи, НО. если контент не обновляется и не добавляется долгое время, то позиции уходят с поисковиков -далекоооо и к Вам ни кто не попадёт (это опыт).
Правильно многие сделали забив красивые и короткие имена, купив их по 100 - 150р и через год продавали по 3-15 тысяч
0
reload reload 11 лет назад #
да с вирусом прикольно...
Яша снял предупреждение, как сказал LonelyCat, ругань была на "старый" сайт!
0
Mostmarkov Mostmarkov 11 лет назад #
Моя Ава на скрине))))

Еще от автора

Другие колонки для шаблона
Приветствую сообщество. Давненько меня тут не было))) По просьбе raiden сделал вывод еще одного sidebar-а.
Модуль "Последние комментарии" с прокруткой
Используем те же файлы, что и в предыдущем моем посте, меняем только mod_comments.
Модуль "Последние материалы" с прокруткой
Приветствую сообщество!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.