1 Topic by Bukreevlad (edited by 2014-03-06 13:31:13)

  • Registered: 2012-10-31
  • Posts: 29

Topic: CuteNews 2.0 Template

I present to you a template for CuteNews 2.0
I think it will help many people.

The template has a lot of functions that approximate to Wordpress.

CuteNews files have not changed. You can safely download the latest version and update CuteNews.
How it works - you can see http://detcorp.ru

1. Output short history of jquery.Masonry in the grid.
2. Full history is loaded via Ajax, and displayed in a popup window, without reloading the page.
3. The counter view news.
4. If the record is attached to YouTube the video - shows a picture.
5. By clicking on the image Youtube, opens and automatically plays.
6. Navigation buttons - next and previous news.
7. Sending comments via Ajax. Comment is displayed at once.
8. Mobile version.
9. Adaptive menu.
and much more ...


Original Russian translation:
1. Записи короткой новости выводятся и загружаются через Ajax и выстраиваются с помощью jquery.Masonry.
2. Полная запись загружается через Ajax и открывается в новом окне без перезагрузки страницы.
3. Счетчик просмотра записей.
4. Если к записи прикреплено видео Youtube то сначала загружается картинка видеозаписи.
5. При нажатии на картинку YouTube, видео появляется и автоматически проигрывается.
6. Кнопки навигации - Следующая и предыдущая запись.
7. Отправка комментария через Ajax. Он тут же отображается.
8. Мобильная версия.
9. Адаптивное меню.
and much more ...


If anyone is interested. I will upload the template here and together we can work on it.


The main page:
http://detcorp.ru/TEMPLATE_CUTENEWS/screen.png

Full story loaded in a popup window
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_full_post.png

Full story with pictures
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_full_post_images.png

Full story with Youtube
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_full_post_video.png

Mobile version of the site main page
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_mobile.png

Mobile version of the site full story
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_mobile_full_post.png

Clear Jquery code
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_jquery.png

Clear css code
http://detcorp.ru/TEMPLATE_CUTENEWS/screen_css.png

  • Registered: 2009-03-29
  • Posts: 159

Re: CuteNews 2.0 Template

Great work !

3 Reply by Bukreevlad (edited by 2014-03-07 10:45:25)

  • Registered: 2012-10-31
  • Posts: 29

Re: CuteNews 2.0 Template

Link to download
Detcorp....CuteNews.zip


Before you modify the template files - make a copy!

Active news 

<div class="item" data-postid="{news-id}" data-important="{importante}">

<div class="picpost" data-picpost="{picpost}"><span></span>[img]{picpost}[/img]</div>
[full-link]<div class="posttitle">{title}</div>[/full-link]
<div class="shortstory">{short-story}</div>

<div class="postinfo">
<div class="postdate">{day} {month} - {weekday} 
<div class="showcomment">[img]images/bubble.png[/img] {comments-num}</div></div>
</div>

</div>



Full Story 

<div class="btnprevpost" title="предыдущая" data-postid=""><a>[img]images/arrow-left2.png[/img]</a></div>
<div class="btnnextpost" title="следующая" data-postid=""><a>[img]images/arrow-right2.png[/img]</a></div>

<div class="tablefullpostinfo" data-postid="{news-id}" data-posttitle="{title}" data-postimg="{picpost}">

<div class="tdauthorpic">
<img class="fullpostauthorpic" src="CUTENEWS_PATH/uploads/avatars/{author-name}.jpg" />
</div>

<div class="tdauthorname">
<div class="fullpostauthorname">{author}</div> 
<div class="fullpostdate">{date} {month} - {weekday}</div> 
</div>

<div class="tdbuttonclose">
<div id="fullpostinfomini">[img]images/eye.png[/img]просмотров: {page-views}</div>
<div id="fullpostinfoclose"><a>закрыть</a></div>
</div>
</div>

<div class="fullpostvideo" data-videoid="{videopost}" data-videoheight="{vidheight}"></div>
<div class="fullpoststory">{full-story}</div>
<div id="vk_like"></div>
<div id="fullpostdesc" style="display: none !Important;">{short-story}</div>
<div id="fullpostcommentplace"></div>
<div class="tablefullpostcomment">

<form method="POST" action="java script:sendcomm('show.php','myform','result');" id="myform">
<input type="hidden" name="id" value="{news-id}">
<input type="hidden" name="subaction" value="addcomment">
<input type="hidden" name="popup" value="">
<input type="hidden" class="cn_comm_username" value="" disabled="disabled">

<div class="tdcommentinput">
<textarea placeholder="Прокомментируйте..." rows="1" name="comments" class="cn_comm_textarea" id="ncomm_{news-id}"></textarea>
</div>
<div class="tdcommentbutton">
<input class="fullpostcommentsend" onClick="sendcomm('show.php','myform','result');" type="submit" name="submit" value="Отправить">
</div>

</form>
</div>

<div id="fullpostcommentplacehide">



Comment 

<div class="commenttbl">
<div class="commentauthor">[delete]%cbox[/delete] {author}</div>
<div class="commentpost">{comment}</div>
<div class="commentdate">{date} [edited]- ([i]отредатировано: %edited[/i])[/edited] [edit] Изменить[/edit]</div>
</div>



Add comment form 

</div><div id="userloggedname" data-userlogged="{username}"></div>



News Pagination 

<div class="item pagination">
       <p>[next-link] + [/next-link]</p>
</div>

4 Reply by MissCelie (edited by 2014-05-31 12:30:41)

  • Registered: 2006-08-16
  • Posts: 1

Re: CuteNews 2.0 Template

wonderful template

  • Registered: 2016-07-11
  • Posts: 1

Re: CuteNews 2.0 Template

Наш вебресурс предоставляет всем желающим возможность самостоятельного выбора форекс брокера, основываясь на мнениях, составленных нашими пользователями. рейтинг лучших советников форекс.  Сотрудники нашего портала никогда не советуют и не заставляют выбирать какого-либо определённого брокера форекс. Мы даём вам лишь информацию, основанную на ваших же мнениях.

Наш рейтинг форекс-брокеров – надёжный помощник для тех, кто только собирается зарабатывать на Форексе или уже торгует на форексе, но хочет поменять брокера по каким-то причинам. рейтинг авто брокеров.  Многие форекс-брокеры недобросовестны и о них вы тоже узнаете на нашем портале.

Если вы хотите также принять участие в формировании нашего рейтинга рейтинг лучших трейдеров форекс , то по завершении процесса регистрации на нашем ресурсе, вам такая возможность предоставится.

Отдать свой голос в пользу кого-либо из Forex брокеров на нашем портале можно только один раз в день. регион москва рейтинг форекс брокеров.  Информация о работе Форекс брокеров, представленная у нас на сайте, есть полностью объективной, поскольку является результатом обработки голосов большого количества пользователей. С помощью нашего ресурса многие торговцы наконец-то найдут самого добросовестного форекс-брокера и заработать с ним неплохие средства.