[Release] WysiBB Style (phpBB 3.0.12)

For style authors to post and receive feedback on 3.0.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Anti-Spam Guide
wysibb
Registered User
Posts: 35
Joined: Tue Aug 21, 2012 1:34 pm
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by wysibb »

Jessica wrote:
VOLKERMORD wrote:
wysibb wrote: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.
User avatar
VOLKERMORD
Registered User
Posts: 119
Joined: Thu Jul 23, 2009 1:20 pm
Location: Dacia (Wolf land)

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by 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 -->
Har tios tintoninos insus tiko is dakon kand sia til kogaion ilmaton hlioylo pleiste naktoilo
wysibb
Registered User
Posts: 35
Joined: Tue Aug 21, 2012 1:34 pm
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by wysibb »

VOLKERMORD wrote: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.
User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by Jessica »

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

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

EDIT: Gonna re-install everything....sigh.
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein
User avatar
Jessica
Former Team Member
Posts: 4342
Joined: Sun Jul 18, 2010 2:53 pm
Location: Pennsylvania, USA
Name: Jessica
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by 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...
Pro-choice, Atheist, Pro-LGBT rights
Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein
fifahub
Registered User
Posts: 150
Joined: Mon Oct 29, 2012 12:05 pm

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by 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.
User avatar
maciasbarlinek99
Registered User
Posts: 241
Joined: Sat Sep 29, 2012 9:15 am
Location: Polska
Name: Maciej Przyborowski
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by 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
Registered User
Posts: 150
Joined: Mon Oct 29, 2012 12:05 pm

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by fifahub »

maciasbarlinek99 wrote:
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.
User avatar
maciasbarlinek99
Registered User
Posts: 241
Joined: Sat Sep 29, 2012 9:15 am
Location: Polska
Name: Maciej Przyborowski
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by maciasbarlinek99 »

Hmm.. Thanks for reply.
User avatar
maciasbarlinek99
Registered User
Posts: 241
Joined: Sat Sep 29, 2012 9:15 am
Location: Polska
Name: Maciej Przyborowski
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by maciasbarlinek99 »

VOLKERMORD wrote: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?
VOLKERMORD wrote: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)'?
VOLKERMORD wrote:
Jessica wrote: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
User avatar
VOLKERMORD
Registered User
Posts: 119
Joined: Thu Jul 23, 2009 1:20 pm
Location: Dacia (Wolf land)

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by VOLKERMORD »

maciasbarlinek99 wrote:
VOLKERMORD wrote: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;
        }
Last edited by VOLKERMORD on Wed Apr 23, 2014 9:20 am, edited 1 time in total.
Har tios tintoninos insus tiko is dakon kand sia til kogaion ilmaton hlioylo pleiste naktoilo
User avatar
maciasbarlinek99
Registered User
Posts: 241
Joined: Sat Sep 29, 2012 9:15 am
Location: Polska
Name: Maciej Przyborowski
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by maciasbarlinek99 »

VOLKERMORD wrote:
maciasbarlinek99 wrote:
VOLKERMORD wrote: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 :))
Last edited by maciasbarlinek99 on Wed Apr 23, 2014 1:22 pm, edited 1 time in total.
User avatar
VOLKERMORD
Registered User
Posts: 119
Joined: Thu Jul 23, 2009 1:20 pm
Location: Dacia (Wolf land)

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by VOLKERMORD »

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

Image

2. and another problem (error) is logout, perhaps it's from ajax, not sure about.
Har tios tintoninos insus tiko is dakon kand sia til kogaion ilmaton hlioylo pleiste naktoilo
User avatar
maciasbarlinek99
Registered User
Posts: 241
Joined: Sat Sep 29, 2012 9:15 am
Location: Polska
Name: Maciej Przyborowski
Contact:

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by maciasbarlinek99 »

Hello,
VOLKERMORD wrote:1. there is some problem with topic Reported row see in pic:

Image
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;
}
VOLKERMORD wrote:2. and another problem (error) is logout, perhaps it's from ajax, not sure about.
How?
Last edited by maciasbarlinek99 on Wed Apr 23, 2014 1:23 pm, edited 1 time in total.
User avatar
VOLKERMORD
Registered User
Posts: 119
Joined: Thu Jul 23, 2009 1:20 pm
Location: Dacia (Wolf land)

Re: [Release] WysiBB Style (phpBB 3.0.12)

Post by VOLKERMORD »

maciasbarlinek99 wrote: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;}
VOLKERMORD wrote: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.
Har tios tintoninos insus tiko is dakon kand sia til kogaion ilmaton hlioylo pleiste naktoilo
Locked

Return to “[3.0.x] Styles in Development”