Topic: CSS Questions

I am looking for some help to answer some basic CSS questions.

The first one that I have is regarding the main navigation bar.

How can center the text/links and remove the excess background so that I have a centered header, preferably with rounded corners?

Thank you in advance for any help.

Re: CSS Questions

Is anybody around?

Re: CSS Questions

Can you provide us an image? I won't be hard, but I need to know exacty, what you want to achieve.

If you want to contact me quickly - send e-mail, not PM.
<?php $t='<?php $t=%c%s%c; printf($t,39,$t,39,10);%c'; printf($t,39,$t,39,10);

4 (edited by paulcambull 2015-10-27 01:56)

Re: CSS Questions

keeshii wrote:

Can you provide us an image? I won't be hard, but I need to know exacty, what you want to achieve.

Thanks keeshii!

I was actually able to correct the one issue but now I am looking to change something else.

When you are in mobile mode you cannot see the users avatar and because the name area is still located to the left of the post it cramps the text area.

What I would like to do is have the users avatar still show (smaller than when in desktop mode) at the top of the post instead. This would make for a clearer viewing experience for users.


Here is the view now -

http://s3.postimg.org/7noflnn2n/Screenshot_1.jpg

Here is what I would like -

http://s13.postimg.org/j9li2mjub/Screenshot_2.jpg

Re: CSS Questions

Look this forum in the mobile phone http://panbb.ru/forum/viewtopic.php?id=52

ForkBB
I speak only Russian  :P

Re: CSS Questions

Visman wrote:

Look this forum in the mobile phone http://panbb.ru/forum/viewtopic.php?id=52

Visman, looks good!


That's close to what I want but not exactly it.

Re: CSS Questions

Visman wrote:

Look this forum in the mobile phone http://panbb.ru/forum/viewtopic.php?id=52

I've been checking your forum out Visman and wow, it is really nicely laid out!

Did you do all of the page building through css?

Re: CSS Questions

paulcambull wrote:

I've been checking your forum out Visman and wow, it is really nicely laid out!

Did you do all of the page building through css?

It is not my forum.
Owner of this forum http://punbb.informer.com/forums/user/68428/

There the adaptive design. Switching on a mobile look happens with a width of 640 pixel.

ForkBB
I speak only Russian  :P

Re: CSS Questions

I've tried to study what he has done CSS wise but he has a separate theme that he has set up for his forums so I cannot follow the blue print.

Re: CSS Questions

After looking at that forum for a bit it has me wanting to make quite a few changes.

First, the way the front page is set up would be greatly beneficial to me seeing that I can link articles and other features from the main portion of my site directly into my forums.

Here is the current setup that PanBB.Ru has for his front page -

http://s16.postimg.org/62crb3klt/Screenshot_3.jpg

Here are the change I would like to make to that set up -

http://s12.postimg.org/x4wgp9idl/reformatted.jpg

1. Move the navigation options to this arrangement for a cleaner layout.

2. Have the ability to move widgets to better increase exposure for the rest of my site. The site that hosts my forums contains over 1100 sports articles and having the ability to include a wordpress widget in the sidebar of the forums would make navigation within my site easier and greatly increase the number of hits.

3. Possibly have the ability to tag the last post username with it's corresponding avatar scaled down to about 22px or less.

Re: CSS Questions

The forums software is absolutely outstanding and I have been using it with a very active forum for about 3 years now.

Having these options that I am suggesting would greatly increase the efficiency and usage of my forums.

Re: CSS Questions

I tried accomplishing it with tables with no luck.

Re: CSS Questions

paulcambull, try to do it from a template. (/style/Urban_oxygen/main.tpl)

play with the following units:

    <div id="brd-navlinks" class="gen-content">
        <!-- forum_include "urban_1.php" -->
        <!-- forum_welcome -->
        <!-- forum_admod -->
        <!-- forum_navlinks -->
    </div>
    <div id="brd-wrap" class="brd">
    <div <!-- forum_page -->>
    <div id="brd-head" class="gen-content">
        <!-- forum_skip -->
        <!-- forum_title -->
        <!-- forum_desc -->
    </div>

swap them...

Re: CSS Questions

PanBB.Ru wrote:

paulcambull, try to do it from a template. (/style/Urban_oxygen/main.tpl)

play with the following units:

    <div id="brd-navlinks" class="gen-content">
        <!-- forum_include "urban_1.php" -->
        <!-- forum_welcome -->
        <!-- forum_admod -->
        <!-- forum_navlinks -->
    </div>
    <div id="brd-wrap" class="brd">
    <div <!-- forum_page -->>
    <div id="brd-head" class="gen-content">
        <!-- forum_skip -->
        <!-- forum_title -->
        <!-- forum_desc -->
    </div>

swap them...


Thanks for that!


How did you place the sidebar within the homepage?

If I could keep my current template but add the sidebar it is definitely the way I would prefer to go.

Re: CSS Questions

PanBB.Ru

How did you get the avatar and username above the post in the mobile version and how would I implement that in the new Oxygen_mobile theme?

Re: CSS Questions

How did you place the sidebar within the homepage?

With expansion - Pan Sidebar by Xakker.

How did you get the avatar and username above the post in the mobile version and how would I implement that in the new Oxygen_mobile theme?

No. Urban_oxygen + Oxygen_moby. The assembly of the two styles.

Re: CSS Questions

Is it possible to have a php include inside the main.tpl template?

Re: CSS Questions

paulcambull wrote:

Is it possible to have a php include inside the main.tpl template?

I do not understand...

php connects via Urban_ oxygen.php

main.tpl only supports HTML

I'm sorry, I have bad with English. Please speak short simple phrases.

Re: CSS Questions

PanBB.Ru wrote:
paulcambull wrote:

Is it possible to have a php include inside the main.tpl template?

I do not understand...

php connects via Urban_ oxygen.php

main.tpl only supports HTML

I'm sorry, I have bad with English. Please speak short simple phrases.

Thank you.

I am not using Urban_oxygen.

I did resolve that question.

Re: CSS Questions

paulcambull wrote:
keeshii wrote:

Can you provide us an image? I won't be hard, but I need to know exacty, what you want to achieve.

Thanks keeshii!

I was actually able to correct the one issue but now I am looking to change something else.

When you are in mobile mode you cannot see the users avatar and because the name area is still located to the left of the post it cramps the text area.

What I would like to do is have the users avatar still show (smaller than when in desktop mode) at the top of the post instead. This would make for a clearer viewing experience for users.


Here is the view now -

http://s3.postimg.org/7noflnn2n/Screenshot_1.jpg

Here is what I would like -

http://s13.postimg.org/j9li2mjub/Screenshot_2.jpg

I am still looking for help in correcting this problem in the new Oxygen template for 1.4.3

Re: CSS Questions

I noticed while searching for an answer that Kushi had this within his mobile extension. Would anyone know how to implement that in 1.4.3?

Re: CSS Questions

You will have to adjust with css. Seems you need a few css rules to accomplish what you need. So there is no universal simple answer. I would recommend you hire a guy on freelancer.com or something to fix it for you if you are not familiar with code smile

Re: CSS Questions

mathias_bund wrote:

You will have to adjust with css. Seems you need a few css rules to accomplish what you need. So there is no universal simple answer. I would recommend you hire a guy on freelancer.com or something to fix it for you if you are not familiar with code smile

I've been looking for a CSS solution for awhile now and have found nothing.

Re: CSS Questions

paulcambull wrote:

I've been looking for a CSS solution for awhile now and have found nothing.

write a link to a forum. I'll try to do

Re: CSS Questions

PanBB.Ru wrote:
paulcambull wrote:

I've been looking for a CSS solution for awhile now and have found nothing.

write a link to a forum. I'll try to do

http://live4sportnetwork.com/forumlist

Thank you very much PanBB.Ru