Jump to content

ProStripe 1.1


Lewis P
 Share

Recommended Posts

%7Boption%7D



File Name: ProStripe 1.1

File Submitter: Lewis P

File Submitted: 01 Jan 2010

File Category: Color Change Skins

Supported Versions: IP.Board 3.1.x



This skin is not currently functional on IPB 3.2, 3.3 or 3.4. A new version may be available in the autumn.


Brandon challenged, and I stepped up to it! (Click for more info). This skin is around a total of 4 hours work over this weekend including designing and coding stages.

ProStripe makes changes to 2 templates (only 1 if you do not use IP.Gallery), and all of the CSS changes are contained in one CSS file. It is fully supported in the most recent official and community IP. Applications.

Admittedly, because of the lack of template changes, this isn't the most ambitious skin you will ever see on this site, but hey, why change what's not broken? Still, it makes upgrades really easy as there is nothing that can break the skin (well, hopefully not!)

The forum indicators on the board index are custom, whereas the topic marker indicators are just recolors of the default IPB ones. I cannot make icons, and I'm happy to admit that.

Demo link will be up soon. I need to set up an online test board somewhere, so I'll update this download when that's happened. There is a logo.psd included inside the image folder. You will need to install the skin on your board, then download the file through FTP to access this (sorry!!) %7Boption%7D' alt='' class='ipsImage' >

I hope you enjoy. %7Boption%7D' alt='' class='ipsImage' >

--------------------------------------

Update: 3rd February 2010
Compatibility Changes

  • Minor changes to CSS for the new releases of Blog 2.1.0, Gallery 3.1.0 and Downloads 2.1.0

Bug Fixes
  • Fixed a member bar & search bar issue with Firefox and Internet Explorer browsers
  • Fixed an issue with the Recent Gallery Images hook
  • Fixed an issue with the horizontal tabs' border in the User CP overlapping the bar
  • Fixes sidebar issue with RTL languages

Enhancements
  • Added a opts_arrow image to the "Mod Tools" link
  • Changed a few more colors from blue to green that I missed in the initial release
  • Redesigned the footer area to make it cleaner
  • Modified Topic view slightly to give a 2-column effect



here to download this file

Link to comment
Share on other sites


Just my opinion, but maybe you should remove the search window or place at the top of the page?



Not quite sure what you mean there? Can you give a bit more info or a screenshot?


The skin is great :) but please fix the search.



[IMG]

[/IMG]



What browser are you using? I'll try and get a fix done. :)


Looking good Lewis. The detail is nice :)



Thanks Tom. Much appreciated!
Link to comment
Share on other sites

This should fix it for you. Let me know if it does and I'll update the download.

ACP -> Look and Feel -> Edit ProStripe Templates & CSS. Open up Global Templates -> globalTemplate and find

		{parse template="includeCSS" group="global" params="$css"}

Immediately after that, paste this below. It's a bit of a hacky way, but I'll see if I can incorporate it into the full CSS so it doesn't affect other browsers:

		<if test="checkFirefox:|:$this->memberData['userAgentKey'] == 'firefox'">

		<!-- Firefox CSS Overrides. Shouldn't be necessary -->

		<style type='text/css'>

			/* Member Bar */

			#member_bar_links{ overflow: hidden; }

			/* Search Bar */

			#search_bar_container input.submit_input{

				-moz-border-radius: 5px;

				padding: 0;

			}

			#search_bar_container input.submit_input:hover{ background-position: 50%; }

		</style>

		</if>



-----


i have a problem when i try to import the images: Import Failed: Could not write the image set to disk



can you asist?



Are you sure that your /public/style_images directory is CHMOD to 777? To check, go into ACP -> Support -> Permissions Checker (on the left hand side). If you get a line of red text saying that "/directories/to/forums/public/style_images is not writable", then go into FTP, navigate to the directory, right click and change permissions to 777. Then try again. Edited by Lewis P
Link to comment
Share on other sites

Could be a server issue, or the file permissions is set to root... so only root access to FTP/SSH could change the file/folder permission, had this myself, but since I own my own server I just went in as root.


Suggestion: where it says Mod Tools, since its a drop down like where the users display name is, why not have an down arrow like next to the users display name

Link to comment
Share on other sites


Lewis how can I change sign out, mod tools, search location like you have on default IPB skin? It will fix my primary navigation error.



Thank you.




I have the same problem too.

I have uninstalled the skin now. Once the quirks are fixed like the above and other little problem around the board, I will re-install it again.

Looking forward to it as it is a wonderful skin, well done.
Link to comment
Share on other sites


This should fix it for you. Let me know if it does and I'll update the download.




		{parse template="includeCSS" group="global" params="$css"}

Immediately after that, paste this below. It's a bit of a hacky way, but I'll see if I can incorporate it into the full CSS so it doesn't affect other browsers:

		<if test="checkFirefox:|:$this->memberData['userAgentKey'] == 'firefox'">

		<!-- Firefox CSS Overrides. Shouldn't be necessary -->

		<style type='text/css'>

			/* Member Bar */

			#member_bar_links{ overflow: hidden; }

			/* Search Bar */

			#search_bar_container input.submit_input{

				-moz-border-radius: 5px;

				padding: 0;

			}

			#search_bar_container input.submit_input:hover{ background-position: 50%; }

		</style>

		</if>



it works :P Thanks Alot!

Anyways please make one for IE :P because on my laptop i dont have firefox and it had the same error :P
Link to comment
Share on other sites


Lewis how can I change sign out, mod tools, search location like you have on default IPB skin? It will fix my primary navigation error.



Thank you.




I have the same problem too.



I have uninstalled the skin now. Once the quirks are fixed like the above and other little problem around the board, I will re-install it again.



Looking forward to it as it is a wonderful skin, well done.



I'm not quite understanding… What error? Still, if you want to revert the header to the IPB default? If so, just revert globalTemplate in the Template HTML section. Problem solved.


it works :P Thanks Alot!



Anyways please make one for IE :P because on my laptop i dont have firefox and it had the same error :P



I use a Mac so can't test easily in IE. Is the error exactly the same as Firefox? Edited by Lewis P
Link to comment
Share on other sites

Alright then, change that code block above to this:

                <if test="cssOverride:|:$this->memberData['userAgentKey'] == 'firefox' || $this->memberData['userAgentKey'] == 'explorer'">

                <!-- Firefox and IE CSS Overrides. Shouldn't be necessary -->

                <style type='text/css'>

                        /* Member Bar */

                        #member_bar_links{ overflow: hidden; }

                        /* Search Bar */

                        #search_bar_container input.submit_input{

                                -moz-border-radius: 5px;

                                padding: 0;

                        }

                        #search_bar_container input.submit_input:hover{ background-position: 50%; }

                </style>

                </if>

Edited by Lewis P
Link to comment
Share on other sites


Love this style, but for some reason the images from the gallery go downwards and not across like in the default skin on the main forum index.



Do you have a screenshot? It's possibly just a class I've missed somewhere.

Still, for a quick fix: ACP -> Look and Feel -> Edit Prostripe HTML/CSS -> Board Index -> hookGalleryRecentImages and then click on Revert above the textarea.


Lewis how can I modify stock IPB skin so that it has search option and user options like your skin in the banner area? What I will need to change with what code?



To be honest, I don't know. I'd guess it would just be a case of copying the HTML and relevant CSS over to the IP.Board skin, but I don't honestly feel like trying it right now.
Link to comment
Share on other sites


Do you have a screenshot? It's possibly just a class I've missed somewhere.



Still, for a quick fix: ACP -> Look and Feel -> Edit Prostripe HTML/CSS -> Board Index -> hookGalleryRecentImages and then click on Revert above the textarea.




To be honest, I don't know. I'd guess it would just be a case of copying the HTML and relevant CSS over to the IP.Board skin, but I don't honestly feel like trying it right now.




That solved it Lewis, many thanks.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...