Table Creating
3 posters
Page 1 of 1
Table Creating
How can I make a table like this one:
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
Hi
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
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- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
is there something wrong with my css ?
It's not doing anything to the table ?
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;
}
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
Hi
Add: text-align: left; .
Regards,
Pizza Boi
Add: text-align: left; .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
thanks for that, we were talking about the CSS Code Is there anything wrong or what ? Why it's not designing the table ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
Hi
Try using this as the ID:
I have made my own style as well if you want:
Just change it to your desire.
Regards,
Pizza Boi
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
how can I change the text color from red to my desired ?
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
Hi
In this portion, just change:
Regards,
Pizza Boi
In this portion, just change:
- Code:
color:
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
I came up with a fine result:) Pizza Boi thank you... again!
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
Hi
The pizza's here! That'd be 2.99$ .
No problem~ Neat looking table by the way.
Regards,
Pizza Boi
The pizza's here! That'd be 2.99$ .
No problem~ Neat looking table by the way.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
Is this officially solved?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Table Creating
not yet, let's stay in progressing just for a while I think I may need some extra help
DeathDunk98*- Forumember
- Posts : 479
Reputation : 3
Language : Shqip
Re: Table Creating
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
Re: Table Creating
Hi
I was rummaging through your HTML and I found this:
Apparently, here is the area for the border-top you wish to get rid off:
You have another ID with it and add this in your CSS:
Unfortunately, I cannot find the origin of where the HTML comes from so you have to search it yourself . Sorry.
Regards,
Pizza Boi
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
Hi
Have you found it? Sorry if I could not help you out earlier, too many meetings yesterday so I was busy.
Regards,
Pizza Boi
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
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
Re: Table Creating
Hi
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
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Table Creating
Hi,
Try changing the box-shadow part to:
Regards,
Sir Chivas.
Try changing the box-shadow part to:
- Code:
box-shadow: 0px 1px 5px;
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Similar topics
» Changing table font color and table side
» [CSS]Extra table under main forum table?
» Creating table below all the categories & forums
» Creating a table of forums/subforums.
» Replace the chat box table into a different image. ONLY the chatbox table!
» [CSS]Extra table under main forum table?
» Creating table below all the categories & forums
» Creating a table of forums/subforums.
» Replace the chat box table into a different image. ONLY the chatbox table!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum