The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Table Creating

3 posters

Go down

Table Creating Empty Table Creating

Post by DeathDunk98* Sun 6 Apr - 1:36

How can I make a table like this one:
Table Creating Untitl66
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Sun 6 Apr - 1:43

Hi Very Happy

Please read this: https://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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Sun 6 Apr - 12:24

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://2img.net/i/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://2img.net/i/fa/fdf3/corners_left.png);
background-position: 0 100%;
clear: both;
margin: 0 5px;


span.corners-top {
background-image: (http://2img.net/i/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;
}

Table Creating Untitl68
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Sun 6 Apr - 22:28

Hi Very Happy

Add: text-align: left; .

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Sun 6 Apr - 22:31

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*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Sun 6 Apr - 22:34

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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Sun 6 Apr - 22:49

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

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Sun 6 Apr - 22:57

Hi Very Happy

In this portion, just change:

Code:
color:

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Sun 6 Apr - 23:34

I came up with a fine result:) Pizza Boi thank you... again!
Table Creating Untitl69
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Sun 6 Apr - 23:36

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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Sir Chivas™ Sun 6 Apr - 23:50

Is this officially solved?
Sir Chivas™
Sir Chivas™
Helper
Helper

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Sun 6 Apr - 23:59

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

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Mon 7 Apr - 0:08

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*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Mon 7 Apr - 4:01

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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Mon 7 Apr - 10:57

Im doomed Razz
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Tue 8 Apr - 13:01

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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Tue 8 Apr - 20:10

No I havent
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by DeathDunk98* Tue 8 Apr - 20:40

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:)
Table Creating Untitl66
DeathDunk98*
DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Pizza Boi Wed 9 Apr - 19:38

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
Pizza Boi
Hyperactive

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

Back to top Go down

Table Creating Empty Re: Table Creating

Post by Sir Chivas™ Thu 10 Apr - 4:49

Hi,

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

Regards,
Sir Chivas.
Sir Chivas™
Sir Chivas™
Helper
Helper

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

Back to top Go down

Back to top

- Similar topics

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