1 Official Table Wed Jan 05, 2011 4:55 pm
Matti
Registered Member
Hello, guys I need an official table for my forum and what I'm looking for is something like this one.
<style type="text/css">
div.table {
width:200px;
height:200px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:#E3E3E3;
border:1px solid #575757;
}
hr {
border:1px solid #262626;
}
</style>
<div class="table">background-image:here <hr /> background-color:here</div>
McStormify wrote:I think he wants a BBCode table...
Title Goes Here |
Content Goes Here |
RockerMan wrote:Yeah, but he wants round corners
Thats BBCode to
[table class="table" cellspacing=0][tr][td class="table-head"][size=20]Some Text....[/size]
Some More text....[/td][/tr][tr][td class="ann-body"]
Even more text....
[/td][/tr][/table]
.table {
-moz-border-radius: 5px 5px 5px 5px;
border: 3px solid #000;
margin: 5px auto;
width: 99%;
}
.table-head {
-moz-border-radius: 2px 2px 0 0;
background: url("IMAGE URL HERE") reapeat-x scroll 10px 10px;
color: #FFFFFF;
font-family: Arial, "MS Trebuchet", sans-serif;
letter-spacing: 1px;
padding: 30px 30px 30px 180px;
text-align: center;
}
Welcome Latest Announcements |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
[table style="width:100%;border:2px solid #A8A8A8;background:#ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:5px;" cellspacing=0][tr][td][size=20]Welcome :D[/size]
Latest Announcements[/td][/tr][tr][td]
[hr]
Lorem
[/td][/tr][/table]
Maki wrote:Not like that I wanna just like the one McStormify, posted... and I don't want to put anything to the css:
I have to agree with McStormify!McStormify wrote:What's wrong with Gangstar's then?
Gangstar15 wrote:
Welcome
Latest Announcements
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Code:
[table style="width:100%;border:2px solid #A8A8A8;background:#ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:5px;" cellspacing=0][tr][td][size=20]Welcome :D[/size]
Latest Announcements[/td][/tr][tr][td]
[hr]
Lorem
[/td][/tr][/table]
Foяum Đesigηeяs |
The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. |
[table width="99%" style="border:1px solid #666; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: -15px;"][tr style="background:url(http://i51.tinypic.com/2wghlqh.png) repeat;"][td style="padding:35px; text-align:center; font-weight:bold; font-size:30px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;"][color=white]Foяum Đesigηeяs[/color][/td][/tr][tr style="background:#ACA8A1;"][td style="padding:5px;"]
The content goes here. The content goes here. The content goes here.
[/td][/tr][/table]
Maki wrote: I don't think so you know more then I do
Nick wrote:Maki wrote: I don't think so you know more then I do
He does,he studies web design
WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Official Table
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum