[Release] WysiBB Style (phpBB 3.0.12)

[wysibb]

New version released - 2.0 beta.

very nice,but what is new in this version?

New version 2.0.0 (beta).
Theme based on bootstrap 3.1. Responsible web design.

@wysibb

Is there a way I could update to 2.0.0 without having to replace every single file? Because there are quite a number of template files that I made edits too and I don't want to lose them. Can you maybe give the precise changes? Like what files were edited to add the responsive web design and what the edits were?

Almost all template files has been changed.

[VOLKERMORD]

for what is this links? and why is not inside the themplate folder?

Code: Select all

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516d4bad0807e3dc"></script>


<!-- IF $USE_WYSIBB_EDITOR=1 -->
	<script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
	<!-- IF S_USER_LANG != en -->
		<script src="http://cdn.wysibb.com/lang/{S_USER_LANG}.js"></script>
	<!-- ENDIF -->
	<link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" type="text/css" />
<!-- ELSE -->

[wysibb]

for what is this links? and why is not inside the themplate folder?

Code: Select all

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516d4bad0807e3dc"></script>


<!-- IF $USE_WYSIBB_EDITOR=1 -->
	<script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
	<!-- IF S_USER_LANG != en -->
		<script src="http://cdn.wysibb.com/lang/{S_USER_LANG}.js"></script>
	<!-- ENDIF -->
	<link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" type="text/css" />
<!-- ELSE -->

It links used to add WysiBB editor. WysiBB loading from extrenal cdn becouse on the cdn always latest version of the editor. And, if wysibb updated, theme update not needed. If you need, you may download wysibb and load wysibb script from theme folder.

[Jessica]

Tried updating and everything's now completely messed up :/

http://atheisthaven.webege.com/index.php

EDIT: Gonna re-install everything....sigh.

[Jessica]

Updated, put back all mod edits and so far so good. Loving the new changes

I think you should add similar features from phpBB 3.1 (mostly the ajax stuff) to the style...like for example, when marking topics/forums read, the page doesn't refresh (all forums/topics are marked read automatically) and there's a pop up saying they've all been marked read. Not sure if it's possible to add to 3.0.x though?

Also another one is when you save changes in the ACP, the message that the changes were saved appear in a pop up instead of a whole other page - that can be added too, if possible

By the way, there doesn't seem to be a mark forums read on the index..you should add that...

[fifahub]

Hi wysibb, in my board the WYSIWYG editor works well in Quick reply, instead in full editor isn't showed any icon. What can I do to fix it? Thanks in advance for the support.

[maciasbarlinek99]

Hi wysibb, in my board the WYSIWYG editor works well in Quick reply, instead in full editor isn't showed any icon. What can I do to fix it? Thanks in advance for the support.

#Refresh

[fifahub]

Hi wysibb, in my board the WYSIWYG editor works well in Quick reply, instead in full editor isn't showed any icon. What can I do to fix it? Thanks in advance for the support.

#Refresh

Hi, I solved it in my board. It was a compatibility issue with a custom bbcode.
You can try to delete your custom bbcodes one by one until you find the one that causes the issue.
I hope to have been a help to you.

[maciasbarlinek99]

Hmm.. Thanks for reply.

[maciasbarlinek99]

Fix signature
find in viewtopic_body.html

Code: Select all

 <div class="content">{postrow.MESSAGE}</div>

Replace with:

Code: Select all

<div class="content" style="min-height:180px;">{postrow.MESSAGE}</div>

What is changing?

announcement,sticky,globalannounce background color

In viewforum_body.html find:

Code: Select all

<div class="row-fluid forumrow

after add:

Code: Select all

<!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF -->"

in your css add:

Code: Select all

.sticky {
       background-color: #DFF0D8;
    }

    .announce {
       background-color: #D9EDF7;
    }

    .global-announce {
       background-color: #FCF8E3;
    }

Can you give me code compatible with 'New version 2.0.0 (beta)'?

How did you get the mini profile to look like that? With boxes?

Find in viewtopic_body.html

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
                            <div class="span2 post-profile-wrap"> 
                                <div class="post-profile">

after add:

Code: Select all

<div class="login_box">
         
            <div class="top_b"><!-- IF not postrow.U_POST_AUTHOR --><strong><span class="userlink">{postrow.POST_AUTHOR_FULL}</span></strong><!-- ELSE --><span class="userlink">{postrow.POST_AUTHOR_FULL}</span><br/><!-- ENDIF --></div>    
            <div class="cnt_b">

find:

Code: Select all

<a class="btn btn-mini" href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><ins class="icon-globe"></ins></a>
                                    <!-- ENDIF -->
                                    
                                 </div>
                              <!-- ENDIF -->
                           <!-- ENDIF -->
                        </div>
                     </div>
                  <!-- ENDIF -->

replace with:

Code: Select all

<a class="btn btn-mini" href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><ins class="icon-globe"></ins></a>
                                    <!-- ENDIF -->
                                    
                                 </div>
                              <!-- ENDIF -->
                           <!-- ENDIF -->
                        </div>
                     </div></div></div>
                  <!-- ENDIF -->

find:

Code: Select all

<!-- IF not postrow.U_POST_AUTHOR --><strong><span class="userlink">{postrow.POST_AUTHOR_FULL}</span></strong><!-- ELSE --><span class="userlink">{postrow.POST_AUTHOR_FULL}</span><br/><!-- ENDIF -->
                           
                           <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->
                              {postrow.RANK_TITLE}
                              <!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->
                              {postrow.RANK_IMG}
                              <br/>
                           <!-- ENDIF -->

replace with:

Code: Select all

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->
                              {postrow.RANK_TITLE}
                              <!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->
                              {postrow.RANK_IMG}
                              <br/>
                           <!-- ENDIF -->

add in your css:

Code: Select all

.top_b {
text-shadow:0 1px 0 rgba(255,255,255,.5);
padding:3px;
background: #e0e0e0;
border-bottom:1px solid #ccc;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
.cnt_b {padding:5px 1px 5px 1px;}
.login_box {width:180px;
margin:0 auto;
background:#fff;
border:1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
-ms-box-shadow: 0 0 6px rgba(0,0,0,0.2);
box-shadow: 0 0 6px rgba(0,0,0,0.2);
margin-bottom:10px}

Can you give me code compatible with 'New version 2.0.0 (beta)'?

Thanks

[VOLKERMORD]

Fix signature
find in viewtopic_body.html

Code: Select all

 <div class="content">{postrow.MESSAGE}</div>

Replace with:

Code: Select all

<div class="content" style="min-height:180px;">{postrow.MESSAGE}</div>

What is changing?

http://i1133.photobucket.com/albums/m58 ... /180px.png
you can change 180px with you need in your forum


announcement,sticky,globalannounce background color
In viewforum_body.html find:

Code: Select all

<div class="forumrow-line <!-- IF topicrow.S_TOPIC_REPORTED -->alert alert-error<!-- ENDIF -->">

replace with:

Code: Select all

<div class="forumrow-line <!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --> <!-- IF topicrow.S_TOPIC_REPORTED -->alert alert-error<!-- ENDIF -->">

in your css add:

Code: Select all

    .sticky {
           background-color: #DFF0D8;
        }

        .announce {
           background-color: #D9EDF7;
        }

        .global-announce {
           background-color: #FCF8E3;
        }

[maciasbarlinek99]

Fix signature
find in viewtopic_body.html

Code: Select all

 <div class="content">{postrow.MESSAGE}</div>

Replace with:

Code: Select all

<div class="content" style="min-height:180px;">{postrow.MESSAGE}</div>

What is changing?

http://i1133.photobucket.com/albums/m58 ... /180px.png
you can change 180px with you need in your forum

Ok, thank you )

[VOLKERMORD]

1. there is some problem with topic Reported row see in pic:



2. and another problem (error) is logout, perhaps it's from ajax, not sure about.

[maciasbarlinek99]

Hello,

1. there is some problem with topic Reported row see in pic:

Easy:

RooT/styles/wysiBB/theme/bootstrap.css

Code: Select all

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

Replace with:

Code: Select all

.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

2. and another problem (error) is logout, perhaps it's from ajax, not sure about.

How?

[VOLKERMORD]

Hello,
Easy:RooT/styles/wysiBB/theme/bootstrap.css

Code: Select all

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

Replace with:

Code: Select all

.alert {
  padding: 15px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;}

2. and another problem (error) is logout, perhaps it's from ajax, not sure about.

How?

thx for the fix.(I did not know cos autor edit bootstrap lol)

1.the error i got is this: "The page isn't redirecting properly Firefox has detected that the server is redirecting the request for this address in a way that will never complete.
This problem can sometimes be caused by disabling or refusing to accept cookies."

2.announcement,sticky,globalannounce background color i just do that here.
3.for mini profile and profile i will do.
4.please dont quote evrything is in post cos is to big, thx.