The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Forum Tables, other look.

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Forum Tables, other look.

Post by Cieniu on Sun May 11, 2014 4:26 am

Hello its me again, im changing the style of mine forum this month and im thinking about how to change some things. Here goes the screen shot whats i want to change.




1. Green color - I just want to round a bit this table if u know what i mean.
2. Pink color - I want to remove these blocks cause its look rly ugly with this.

I made this forum for tests cause i have active users on my main forum so here goes the link to forum:
http://testowa1.forumpolish.com/

Regards
Cien.


Last edited by Cieniu on Wed May 14, 2014 2:22 pm; edited 1 time in total

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Sun May 11, 2014 5:41 am

Hi Very Happy

For the green thing, please apply this in your Stylesheet:

Code:
li.header {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 40px;
}

You may change rgba(0, 0, 0, 0) to transparent and then you can change the value of 40px.

Now, for #2, please apply this in your Stylesheet as well:

Code:
.forabg .row .lastpost {
border-top: none;
}

If that does not work, please add in !important after none.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Sun May 11, 2014 6:51 am

Thanks, thats awesome and its working. Have another question:
Picture1

Picture2



So.

Blue - How to make something like this from Picture Nr.1 to Picture Nr.2 on main page.
Yellow- How to center the text inside the yellow one.

Also another question. If i put Image to Who Is Online table, Statistics part is going outside the image, its just under. How to make it like that:

Image - Whos online
Image from whos online - Statistics.

At the moment is going like that

Image - Whos online
    Statistisc

If u dont understand what i mean about statistics just look on forum u will see it.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Sun May 11, 2014 11:01 am

Hi Very Happy

Blue - Implement this code in the CSS. You just have to change the variables:

Code:
#wrap {
  border-bottom: solid 22px #550102;
  border-radius: 0px 0px 50px 0px;
}

For the rest, I'm not entirely sure because you are using phpBB3, right?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Sun May 11, 2014 12:04 pm

Okay this CSS working and yes im using phpbb3. Looking forward how to make it Very Happy

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 12:33 am

Have also one more question, how to make the forum to center. I mean on higher resolutions forum is more on the left side than on center. On 32 tv i have it like that:


--Forum----
I want it like that:
---Forum---

U know to center the whole forum not the only text inside.
Also looking forward about answer how to make these statistics.


EDIT.

Also i found a new problem i cannot handle it solo so i will ask another question. Here we go:

On my main forum it was look like that:
Link to my main forum:
http://pokehelvetti.forumpl.net/

I mean when i move the cursor to the image, the text will show better.
And here on testing forum with new style i add everything to the CSS stylesheet and to the description of forum and it looks like that:

As we can see, no background image.


Regards 
Cien

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 2:54 am

Hi Very Happy

I'm not sure if this will work, but try and add this in CSS to centralize things:

Code:
body {
position: relative;
left: 50%;
}

Or you can try this:

Code:
body {
float: center !important;
}

For your second problem, you're incorporating Javascript. Please check your Generals < Categories and Forums <  Edit < See if there's a Javascript code there

If not, I might be able to bypass that and create my own version of hover.

For the statistics... hmm... try searching Mr. Rockeye or something like that of a name. I believe he had a problem with the statistics as well. (I posted in there and Ange solved it)

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 3:27 am

Hmm still forum on high resolutions is on left side is rly annoying. Any other solution?

About hover over, i had it like that:

in CSS:
Code:
.catgdescback1 {
background:url('http://oi58.tinypic.com/2ue2z5h.jpg');
width:550px;
height:100px;
padding:0px;
}
.catgdesctext1 {
background:#2f0303;
height:100%;
width:100%;
opacity:0.060;
transition:0.5s;
}
.catgdesctext1:hover { opacity:0.8; }

.catgdesctext1 { position:relative; }
.catgtext1 { position:absolute; top:25%; bottom:25%; }

And inside the forum:
Code:
<div class="catgdescback1">
   
   <div class="catgdesctext1">
      <span class="catgtext1"> </span>
      <center>TXT TXT TXT
      </center><span class="catgtext1"></span>
   </div>
</div>

This is working on my main forum. I didnt had any javascript for that.
And about statistics i will search the forum.

Regards

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 3:31 am

Hi Very Happy

Can you give me the specific links? I will try it out in my test forum.

Edit: Even the text etc, let me see if I can reproduce the same problem.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 3:38 am

Hmm im not to high in english, so what u mean? I need to give u all CSS to hover or links to the forums?

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 3:41 am

Hi Very Happy

No, only the codes used for the hover image thing. The one in your forum (One is fine)

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 3:46 am

This is for description of forum:
Code:
<div class="catgdescback1">
   
   <div class="catgdesctext1">
      <span class="catgtext1"> </span>
      <center>Zasady, czyli miejsce gdzie nowi użytkownicy powinni postawić swój pierwszy krok. Znajdziecie tu wszystkie potrzebne informacje dotyczące reguł panujących na forum, gry, czy zagadnień związanych z pokemonami.
      </center><span class="catgtext1"></span>
   </div>
</div>

And this is to CSS
Code:
catgdescback1 {
background:url('http://oi58.tinypic.com/2ue2z5h.jpg');
width:550px;
height:100px;
padding:0px;
}
.catgdesctext1 {
background:#2f0303;
height:100%;
width:100%;
opacity:0.060;
transition:0.5s;
}
.catgdesctext1:hover { opacity:0.8; }

.catgdesctext1 { position:relative; }
.catgtext1 { position:absolute; top:25%; bottom:25%; }


This is working on my main forum like i told. And on testing forum here is no image as background of hover.

Regards.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 4:02 am

Hi Very Happy

I'm not entirely sure why the Categories and Forum SUDDENLY stopped recognizing the styles from your CSS, but it worked when I did this in my test forum instead:

Code:
<div class="catgdescback1">
   
   <div style="background:url('http://i.imgur.com/dybWG4B.png'); width:550px; height:100px; padding:0px;" class="catgdesctext1">
       <span class="catgtext1"> </span>
      <center>Zasady, czyli miejsce gdzie nowi użytkownicy powinni postawić swój pierwszy krok. Znajdziecie tu wszystkie potrzebne informacje dotyczące reguł panujących na forum, gry, czy zagadnień związanych z pokemonami.
      </center><span class="catgtext1"></span>
   </div>
</div>

Instead of adding the catgdescback1 in the CSS, I added it in Categories and Forums instead.

As for the center thing, I'm afraid it really is for each screen resolution, I'm sorry; however, you may try finding topics related to your problem and see if there's fixes for it.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 4:10 am

Oh yeah ur code is working. Hmm i see on current style of testing forum is something like a hover to every description of forum how to disable it?

Enter:
http://testowa1.forumpolish.com/

And look on the hover, its completely hovered by forum.

And another thing, Chatbox i cannot resize him, he looks like on table1.
I want to make chatbox on full width of forum if u know what i mean.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 4:15 am

Hi Very Happy

Can you provide a screenshot with all of the above problems? Once you're done, I'll take a look at all of them by tomorrow. I gotta go now Smile.

See ya~

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 4:56 am

Okey, as u wanted i will explain everything step by step with screenshots.

1. Hover.

With ur code on testing forum it looks like:



And i want it to be like that:



2. The chatbox.

Chatbox size is like that now:


And i want it like that size:



Thanks for ur patience and help, i really appreciate ur help and looking forward.
Regards
Cien

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 11:05 am

Hi Very Happy

#1 Remove the opacity portion from this code:

Code:
.catgdesctext1 {
background:#2f0303;
height:100%;
width:100%;
opacity:0.060;
transition:0.5s;
}

#2 Change the #px value.
Code:
#frame_chatbox {
  min-width: #px !important;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 12:13 pm

Both codes didnt work or didnt change anything. Still same problems.

Edit.
Sry i just got it 1st code gave more brightness but i want the red color when u put a mouse u know like on pictures.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 1:20 pm

Hi Very Happy

Question: How come you have to fix that for the test forum? I mean, isn't your main forum not affected.

Also, please provide me a test account so I can do this much easier.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 1:48 pm

Main forum is on PunBB and we are trying on test forum make everything looks good with new style php3bb and later we just change in main forum and copy the css.

Sent u via pm account infos

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by SLGray on Tue May 13, 2014 2:22 pm

So you will be changing your main forum version to phpBB 3?  If you are not changing it, the CSS from your test forum (phpBB 3) will not work.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36712
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Tue May 13, 2014 2:29 pm

Yes we are moving to PhpBB 3 when we will complete everything on test forum. Then we change from pun to php and copy everything, we just want to have everything done before we chane cause of our members.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Tue May 13, 2014 6:01 pm

Hi Very Happy

Sorry, but frankly speaking, I have honestly been careless in doing this. All the codes I've been providing to you up until now were tested for phpBB2. I will redo some of it so your request will take awhile for me to make.

I have completely forgotten the post above, lol.

I will work on this later as I will redo some of it.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by SLGray on Tue May 13, 2014 7:28 pm

To all members, please try to explain in detail what you are asking for and about issues you are having.

It would have been helpful to know which version you were working on.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36712
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Wed May 14, 2014 7:42 am

Hi Very Happy

Use this for the CSS hover thing instead:

Code:
.catgdesctext1:hover {
z-index: 10000;
transition: 400ms;
background-image: none !Important;
background-color: #A00 !important;
opacity: 0.8;
}

For the chat box, try this:

Code:
body.chatbox {
  width: 100%;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Wed May 14, 2014 9:45 am

Pizza thanks for ur time and ur help. Everything is working correctly now on our main forum on php3bb. Ur assistance was nice. Last Question:



How make it a bit higher. I mean to not compete both text.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Wed May 14, 2014 9:55 am

Hi Very Happy

Can you please link me to that portion? I cannot seem to find it. What is that? The Recent Topics Widget?

I cannot understand you're language so it's hard for me x.x'

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Wed May 14, 2014 9:58 am

Wazne Ogłoszenie = Important Annoucement
Przyklejony = Sticky
Ogloszenie = Annoucement

Sorry for language.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Pizza Boi on Wed May 14, 2014 10:22 am

Hi Very Happy

I took the liberty of moving the other 2 portions down as well and I believe this CSS will work:

Code:
a.topictitle {
  margin: 4px;
}
ul.topics li.row dd.posts, ul.topics li.row dd.views {
  position: relative;
  top: 13px;
}
li.row.row2, li.row.row1 {
  margin-bottom: 10px;
}

^ Put it on top if you're not sure you don't have that already.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Forum Tables, other look.

Post by Cieniu on Wed May 14, 2014 11:49 am

Sorry sir but this Css not working, i was searching on mine css and pasted urs still the same. Nothing happens.

Cieniu
Forumember

Posts : 69
Reputation : 0
Language : Poland

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum