Hướng dẫn Tổng Hợp Ebook Xenforo dành cho Newbie

[kamchatka]

Tình hình là thấy trong 4rum có 1 topic ebook nhưng ko có gì nay mình xin làm 1 cái topic gộp hết lại và đầy đủ đúng nghĩa dành cho người mới bắt đầu (newbie) giống ta :d
Phần 1 :

1. cài đặt 4rum
2. các chức năng trong xenforo về mặt cơ bản
3. hướng dẫn cài đặt add-on , style .....

Phần 2 :
chỉnh sửa style theo phong cách của bạn , một cách đơn giản nhất
phần 3 : là seo
P/s: mình là dân gà nồi tạo topic này với mục đích chia sẽ cũng như gôm lại đóng dấu khi cần , nếu có pro nào đi ngang xin góp ý . cám ơn

 

[kamchatka]

1. cài đặt 4rum trên vps free openshift cho những bác chưa có dk mua hostting/vps .

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

mượn video của bác Giảng nha.
Tiếp theo là cài 4rum trên localhost (offline)

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[kamchatka]

Phần 2 : giới thiệu về xenforo cũng như chức năng cơ bản của nó có thể bạn chưa biêt
ở đây có 6 bài khá đầy đủ
http://vnxf.vn/xenforo-co-ban-bai-6-tao-va-quan-ly-noi-dung-trong-xenforo.t1130.html

 

[PVS]

Hoan nghênh tinh thần tham gia của bác ^^, hii

 

[kamchatka]

Tạo Side chạy giống mamcongnghe & congngheaz
Đầu tiên các bạn cần có : [bd] Widget FrameWork và [bd] Image .
Sau khi cài xong, bạn vào List Widget tạo 1 widget mới với options như sau .

Renderer: [bd] Image: Thread Images Carousel
Limit: 20
Widget Type: New Threads
Thumbnail Width: 235
Thumbnail Height: 250
Tiêu đề: 80
Gap (between thumbnails): 5
Visible Thumbnails: 5
Position: hook:page_container_content_top

Những cái option khác tùy chọn.
Vào Admin -> Options -> [bd] Image và set như sau

Sau đó tiếp tục vào template bdimage_widget.css thay hết bằng code này

#widget-23 h3 { display:none; }

.bdImage_Widget_Slider_Container
{
    overflow: hidden; margin: 0 -14.3%; margin-top: -40px;
}

    .bdImage_Widget_Slider_Container .jcarousel-clip
    {
        margin: 0 auto;
        overflow: hidden;
    }

    .bdImage_Widget_Slider_Container .jcarousel-clip ul li a:first-child {

    }

    .bdImage_Widget_Slider_Container .jcarousel-clip ul li a:last-child {
  background: rgba(0, 0, 0, 0.51);
  position: absolute;
  top: 0;
  bottom: 4px;
  width: 213px;
  font-size: 15pt;
  color: #FFF;
  padding: 20px;
  text-decoration: none;
    }

    .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal,
    .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after
    {
        position: absolute;
        left: 5px;
        bottom: 0;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: transparent;
    }
    .bdImage_Widget_Slider_Container .jcarousel-next-horizontal,
    .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after
    {
        position: absolute;
        right: 5px;
        bottom: 0;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: transparent;
    }

    .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after
    {
        content: '←';
        line-height: 15px;
        font-size: 30px;
        color: #FFF;
    }
    .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after
    {
        content: '→';
        line-height: 15px;
        font-size: 30px;
        color: #FFF;
    }

    .bdImage_Widget_Slider_Container .bx-wrapper .bx-viewport
    {
        border: 0;
    }

    .bdImage_Widget_Slider_Container .bx-wrapper img
    {
        width: 100%;
    }

.bdImage_Widget_Items
{
}
{xen:helper clearfix, '.bdImage_Widget_Items'}
    .bdImage_Widget_Items > li
    {
        float: left;
    }

.bdImage_WidgetRenderer_ThreadsTwo
    {
        display: block;
    }

    .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature
    {
        display: block;
        float: left;
        overflow: hidden;
    }

        .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .title
        {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .body
        {
            text-align: justify;
        }

    .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small
    {
        display: block;
        float: none;
        overflow: hidden;
    }
       
    .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small.bdImage_SmallWithThumbnail .thumbnail
    {
        display: block;
        float: left;
    }

    .{$cssClass} .bdImage_Small.bdImage_SmallWithThumbnail .text
    {
        display: block;
        float: none;
    }
    {xen:helper clearfix, '.{$cssClass} .bdImage_Small.bdImage_SmallWithThumbnail li'}

    .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li
    {
        border-bottom: 1px dashed @primaryLighterStill;
        display: block;
        float: none;
        overflow: hidden;
    }
    .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li:last-child { border-bottom: 0; }

.bdImage_Widget_Grid_Container
{
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
}
ul.bdImage_Widget_Grid
{
    list-style: none;
    margin: 0;
    padding: 0;
}
{xen:helper clearfix, 'ul.bdImage_Widget_Grid'}
    .bdImage_Widget_Grid li
    {
        float: left;
    }
    .bdImage_Widget_Grid a
    {
        display: block;
    }

Nếu muốn ẩn trên mobile thì thêm code này vào cuối.

@media (max-width:600px)
{
        .Responsive .bdImage_Widget_Slider_Container { display:none; }
}

Bạn ra ngoài forum xem nó hiện chưa. Chưa hiện thì bạn vào AdminCP -> Tools -> Rebuild Cache -> Rebuild Thread Information. Sau đó dis addon [bd] Image đi và bật lại.

nguồn MamCongNghe.Com​

 

[kieudai91]

bạn chủ top có file mềm về xenforo không, chủ top chia sẻ cho mọi người đi

 

[kamchatka]

là file gì bạn