HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


How flexable is OcPortal when it comes to themeing

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#104633 (In Topic #20427)
Avatar

Fan in training

Hello. I am new to the community and I want to use OcPortal for a community based site I have a couple of concerns. I am not really tech savy and trying to theme has been extremely difficult for me. I am wondering if if skilled enough. Could one make OcPortal look something like this? http://www.joomlart.com/demo/#ja_mitius

I also plan to intergrate it with a third party fourm idk if that affects how it might look like. 

Back to the top
 
Posted
Rating:
#104654
Avatar

Community saint

Hello and welcome to ocPortal!

It is possible to achieve the look you are looking for, but not being very tech savvy will probably make it an uphill climb. Start with simple alterations and expand on them a little at time. And if you run into problems you can't figure out, ask questions here. If you plan on sticking with ocPortal, I would recommend using the built-in forum instead of a 3rd party forum. The built-in forum is very much like phpBB and vBulletin and, since it is built-in, it ties in seamlessly with other features and functions of ocPortal. For themeing, definitely check out these links:

http://ocportal.com/docs/tutorials.htm - The Visual Customisation section
http://ocportal.com/site/s/1/16.htm

Also, Jean has some excellent tutorials that are pinned/stickied topics at the top of this themeing forum.

Any documentation here at ocPortal.com that pertains to comcode, tempcode, and themeing will be a good place to start learning how to customise the look of your ocPortal site.
Back to the top
 
Posted
Rating:
#104656
Avatar

Fan in training

Thanks for responding to my thread lol. Also I am aware that the built in fourm ties seamlessly with other features but the third party fourm that I plan on using seems to have more features built into it. I still am willing to give the OCF a try because it does look good but and I haven't really looked into all of its features yet.

Anyway I will get to watching the videos and reading the tutorials.  :P
Back to the top
 
Posted
Rating:
#104669

Non-joined user

What features do OCF have over third party fourms (SMF to be specific).  
Back to the top
 
Posted
Rating:
#104670
Avatar

Community saint

Carlos said

What features do OCF have over third party fourms (SMF to be specific).  


​From the admin side, I'm not familiar with SMF and haven't used anything but OCF for the past couple of years. From the user side, there are some cosmetic differences and maybe some other functional differences, but I haven't noticed anything in any other forum software that I have found to be a must-have feature that is missing in OCF. Are there any features you want or need that you don't see available in OCF?

I don't think there is really any kind of written list of all the features available in OCF. There are some features in OCF that are a bit different or named different than what you would find in some other forum software. For example, many forums use sticky posts for important or notable forum posts, and OCF calls them pinned topics. Another example is the private messaging. OCF integrates private messaging into the Whisper feature. You can choose to create a private message that shows inline with a forum topic, where only you and the intended recipient can see it along with all of the other forum posts in that topic. Or you can choose to create a new private topic separate from the forum topic, which is probably what most people are familiar with from using other forum software. Another example is BBCode. OCF is fully compatible with the standard BBCode most people are familiar with from other forum software. OCF adds to it, and calls it Comcode. If you reply to this message, look in the WYSIWYG full editor for a little square with a letter C in it. That's the Comcode tag assistant where you can see some of the extra tags available. You can also create your own custom Comcode tags in the ocPortal admin zone, no php coding required. 
Back to the top
 
Posted
Rating:
#104678

Non-joined user

Well it would be better if OcPortal actually had a written list like SMF does but I think that mostly everything SMF can do here can do too but they probably have more addon's/themes and extensions. I think the only major different is the looks which can be edited on ocportal very easy from what I hear.

I am sorry if its a bother but I have another question. Does OcPortal integrate well with chats and do you know any good chat scripts/software that are free?
Back to the top
 
Posted
Rating:
#104680
Avatar

Community saint

Carlos said

Well it would be better if OcPortal actually had a written list like SMF does but I think that mostly everything SMF can do here can do too but they probably have more addon's/themes and extensions. I think the only major different is the looks which can be edited on ocportal very easy from what I hear.

I am sorry if its a bother but I have another question. Does OcPortal integrate well with chats and do you know any good chat scripts/software that are free?


There is a large list of features for ocPortal that includes a brief list of features for the ocPortal Forum here:

Learn more - ocPortal.com

Scroll down to near the bottom and there will be a Forums and Members section with some of the main forum features. Also on that page, in the Web 2.0 section, you can see a list of the features for the ocPortal built-in chat rooms. I haven't used any other chat scripts, but if the built-in chat rooms doesn't work the way you need, then 3rd party chat scripts could be integrated. How easy that integration task is will depend on how complex the 3rd party chat script is and how well you can code in PHP.
Back to the top
 
Posted
Rating:
#104687

Non-joined user

Alright thanks for your help. I am going to start looking for possible chats because I saw the chat rooms that ocportal uses and it isn't what I am looking for so i might try to find help for intergration. As for the fourms, I most likely will use the third party fourm but if i do choose to use ocportal I would have to modify it a lot to make it look and function like how i want to.
Back to the top
 
Posted
Rating:
#104743
Avatar

Fan in training

Ok I started off by changing the background but I am not really getting much from the visualization section of the tutorial sections. Can anyone tell me how to exactly start?
Back to the top
 
Posted
Rating:
#104748
Avatar

Community saint

I don't know if I can tell you exactly how to start, but I can give you some more info that might help you.

To make some of the changes you are looking for, you will likely need to make some layout and some style changes. Some layout changes can be done within the Comcode Page editor for individual pages where you can arrange blocks in the desired order and layout using the WYSIWYG editor for a particular page. Other changes may need to be done in templates. A good way to see what templates are in use on a page is to log in to your site as an admin and scroll down to the footer area. There you should have a drop down menu. Select the Show template edit links options and click the Go button. This will open a new window with the current page and it will have boxes around the various contents. Each box represents a template and some templates may be used multiple times and even nested in other templates. Each box will also have a link to the template that renders the contents of that box. Clicking the link will open that template in the built-in template editor. This is where the Tempcode tutorial will come in handy: http://ocportal.com/docs/tut_tempcode.htm

Similarly, in the same drop down menu in the footer, you can see what .css files are used to render the current page. The global.css will be the main css file you will probably need to edit and possibly others if you need to change styles of some of the blocks you have on your page. If you select one of the contextual css options in the drop down menu and click the Go button, you will see just how flexible the built-in editors really are. If you scroll up on the new Edit CSS window that opens, you will see a list of Selectors used on the current web page. Hovering over them will highlight the areas of your web page where it is used. It helps if you have a dual monitor setup or a large monitor so you can have both windows open side-by-side. In addition, if you hover over areas of your web page, the selectors involved with rendering that element will be highlighted in the Edit CSS window.

One way to test changes to your web pages in a temporary way without actually messing with the html or css code in template and css files is to use the developer tool available in most modern web browsers. It is usually available by hitting the F12 function key in your browser when you have your web page open. I use Google Chrome. In the Chrome developer tool, on the Elements tab, you will be able to see and edit all of the html and css that makes up that page. Experiment with changes to find the right elements that need to be changed and then you will have to hunt down those specific elements in the css or template files and use the ocPortal CSS or Template Editor to make the changes permanent.

One more thing...if you edit ocPortal files manually outside of the ocPortal built-in editors and upload them to your site, be sure to upload your changed files to the _custom version of the directory. For example, if you alter the themes\default\css\global.css file, you would save your changed file to themes\default\css_custom\global.css. Not doing this will cause your changed file to possibly be overwritten with a new version when updating ocPortal in the future. And actually, in the case of css files, what you want to do is only save the changed style elements to the css_custom\global.css file. That way, if bug fixes are made to unchanged elements of global.css in an ocPortal update, the fixes will be applied to your pages. If you save the whole .css file in the _custom directory, any bugs fixed in the main .css file will need to be manually applied to your custom file by you. Using the built-in code, css, and template editors is highly recommended if you aren't familiar with the ocPortal file override system.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: