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.

Table Creating

View previous topic View next topic Go down

Table Creating

Post by DeathDunk98* on April 6th 2014, 12:36 am

How can I make a table like this one:

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 6th 2014, 12:43 am

Hi Very Happy

Please read this: http://help.forumotion.com/t131167-links-affect

In that topic, it says CSS removed, technically speaking, you have to style them on your own.

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

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 11:24 am

is there something wrong with my css ?
It's not doing anything to the table ?
Code:
#profile-advanced-right
.module, #right .module, .panel#postingbox, .panel.introduction, .pane.loginpanel, .portal .module {
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png)
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #c3ce0f1;
border-radius: 4px
box-shadow: 1px 1px 1px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

.panel {
  background-color: #e5f1f9
color: #666;
margin bottom: 4px;
padding: 0 10px;
}

.panel div.mes-txt {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 1em;
}


#postingbox span.corners-bottom, #postingbox span.corners-top,
 #profile-advanced-right .module span.corners-bottom, 
#profile-advanced-right .module span.corners-top, 
#right .module span.corners-bottom, 
#right .module span.corners-top, .panel.introduction 
span.corners-bottom, .panel.introduction
span.corners-top, .panel.loginPanel
span.corners-bottom, .panel.loginPanel
span.corners-top, .portal .module
span.corners-bottom, .portal .module
span.corners-top {
display: none;
}

.navbar span.corners-bottom
.navbar span.corners-top .panel
span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
margin: 0 -10px;
}

span.corners-bottom {
background-image: url(http://illiweb.com/fa/fdf3/corners_left.png);
background-position: 0 100%;
clear: both;
margin: 0 5px;


span.corners-top {
background-image: (http://illiweb.com/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 5px;
}

span.corners-bottom,
span.corners-bottom span, span.corners-top,
span.corners-top span {
background-repeat: no-repeat;
font-size: 1px;
height: 5px;
line-height: 1px;
}

.introduction .h3, .module
.h3, .postbody .h3 {
margin-top: 8px;
}

.h3 {
font-weight: 700;
}

.h3, h3 {
border-bottom: 1px solid #1675bc
color: #1675bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin top: 20px;
padding-bottom: 2px;
text-transform: uppercase;
}


DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 6th 2014, 9:28 pm

Hi Very Happy

Add: text-align: left; .

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

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 9:31 pm

thanks for that, we were talking about the CSS Code Smile Is there anything wrong or what ? Why it's not designing the table ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 6th 2014, 9:34 pm

Hi Very Happy

Try using this as the ID:

Code:
.panel.introduction

I have made my own style as well if you want:

Code:
.panel.introduction {
color: #F00;
border: 3px double #000;
padding: 4px;
text-align: left;
}

Just change it to your desire.

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

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 9:49 pm

how can I change the text color from red to my desired ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 6th 2014, 9:57 pm

Hi Very Happy

In this portion, just change:

Code:
color:

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

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 10:34 pm

I came up with a fine result:) Pizza Boi thank you... again!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 6th 2014, 10:36 pm

Hi Very Happy

The pizza's here! That'd be 2.99$ Wink .

No problem~ Neat looking table by the way.

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

Re: Table Creating

Post by Sir Chivas™ on April 6th 2014, 10:50 pm

Is this officially solved?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 10:59 pm

not yet, let's stay in progressing just for a while I think I may need some extra help Wink

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by DeathDunk98* on April 6th 2014, 11:08 pm

pizza boi, there's a line in the upper side of the table,  I think from the Homepage - Generalities, Do you know how to get rid of it ? See it yourself : http://www.islamishendrit.halofight.com

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 7th 2014, 3:01 am

Hi Very Happy

I was rummaging through your HTML and I found this:

Code:
<td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div class="panel introduction">
   
   <div class="inner">
       <span class="corners-top"><span></span></span>
      <div class="h3">
          <strong>Mirėsevini nė forumin Islamishendrit</strong> <img src="http://i57.servimg.com/u/f57/18/10/03/86/untitl31.png">
      </div>
      
      <div class="mes-txt">
          <span style="float: left; margin-left: 60px; display: block;"><strong>Para se tė postoni...</strong><br> - <a href="http://islamishendrit.halofight.com/t89-rregullorja-e-forumit">Rregullat e forumit</a><br> - <a href="http://islamishendrit.halofight.com/f4-te-jetuarit-musliman">Tė jetuarit Musliman</a><br> - <a href="http://islamishendrit.halofight.com/f13-lutja-e-pranuar">Lutja e pranuar</a><br> - <a href="http://islamishendrit.halofight.com/faq">Pytėsori</a> </span><span style="float: left; margin-left: 80px; display: block;"> <strong>Tjera tė rėndėsishme/dobishme</strong><br> - <a href="http://islamishendrit.halofight.com/f2-prezantimi-i-anetareve-anetareve">Prezentohuni kėtu</a><br> - <a href="http://islamishendrit.halofight.com/f5-forumi-diskutiv">Forumi Diskutiv</a><br> - <a href="http://islamishendrit.halofight.com/t271-probleme-me-passwordin#313">Probleme me fjalėkalimin</a><br>- <a href="http://islamishendrit.halofight.com/h1-filma-me-titra-shqip">Filma me titra shqip</a><br> </span><br style="clear: both;">
      </div><span class="corners-bottom"><span></span></span>
   </div>
</div></div></td>

Apparently, here is the area for the border-top you wish to get rid off:

Code:
<td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div class="panel introduction">

You have another ID with it and add this in your CSS:

Code:
#ID {
  border-top: 0px !important;
}

Unfortunately, I cannot find the origin of where the HTML comes from so you have to search it yourself :/ . Sorry.

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

Re: Table Creating

Post by DeathDunk98* on April 7th 2014, 9:57 am

Im doomed Razz

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 8th 2014, 12:01 pm

Hi Very Happy

Have you found it? Sorry if I could not help you out earlier, too many meetings yesterday so I was busy.

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

Re: Table Creating

Post by DeathDunk98* on April 8th 2014, 7:10 pm

No I havent

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by DeathDunk98* on April 8th 2014, 7:40 pm

Oh, and how can I add a drop shadow to the table, as you can see in the picture behind it there's a drop shadow which it looks very nice:)

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: Table Creating

Post by Pizza Boi on April 9th 2014, 6:38 pm

Hi Very Happy

Can you please insert the code in the second codebox I provided with my last post with a code in a search box? Please press search IF it APPEARS in any template that's connected to the Index page (I do not have the ability to search it since I lag every time I do).

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

Re: Table Creating

Post by Sir Chivas™ on April 10th 2014, 3:49 am

Hi,

Try changing the box-shadow part to:
Code:
box-shadow: 0px 1px 5px;

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

View previous topic View next topic Back to top


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