Author Topic: HTML\CSS Help  (Read 2238 times)

0 Members and 1 Guest are viewing this topic.

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
HTML\CSS Help
« on: July 30, 2012, 05:29:46 pm »
i need help turning this into a fancy html\css table

Quote
(heyy im a window title make me stand out) <-- header
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

(notepad)
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

the table should be full screen (it will be shown in a small window). +1 to anyone who helps
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #1 on: July 30, 2012, 08:47:21 pm »
I would love to help, but i am not quite sure what you are meaning.
« Last Edit: July 30, 2012, 08:47:39 pm by Narraz »
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #2 on: July 30, 2012, 09:07:26 pm »
im going to be using a small web browser and html files
for my keylogger logs

i just want the entrys in a fancy table

example log

(window title)
some text form this app bla

(window title 2)
 some text form that app bla

make it fancy , iv been looking at a css table generator works ok with firefox but my app uses ie :(
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #3 on: July 30, 2012, 09:16:51 pm »
Will it be able to run javascript? and do you have any colour requirements?
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #4 on: July 30, 2012, 09:23:40 pm »
Will it be able to run javascript? and do you have any colour requirements?

yes it can run javascript , surprise me (it will be going inside an app so not to colorful) 
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #5 on: July 30, 2012, 10:04:29 pm »
something like this?

http://l2hack.com/test.html


"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #6 on: July 30, 2012, 11:08:24 pm »
yes that will do it with a few tweaks +1

here is the moded version
Code: [Select]
<html>
<head>
    <title>test for bubzuru</title>
<style>

body {
height: 100%;
    width:  100%;
    margin: 40px auto;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;   
}


.zebra td, .zebra th {
    padding: 20px;
    border-bottom: 1px solid #c0c0c0;   
}

.zebra tbody tr:nth-child(even) {
    background: #c0c0c0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; 
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;       
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-bottom: 1px solid #ccc;
    background-color: #c0c0c0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#eee));
    background-image: -webkit-linear-gradient(top, #c0c0c0, #eee);
    background-image:    -moz-linear-gradient(top, #c0c0c0, #eee);
    background-image:     -ms-linear-gradient(top, #c0c0c0, #eee);
    background-image:      -o-linear-gradient(top, #c0c0c0, #eee);
    background-image:         linear-gradient(top, #c0c0c0, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0; 
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #ffffff; 
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}
 
  </style>
</head>

<body>

<table>
  <tr>
    <td><table class="zebra"><thead><tr><th>Window Title</th></tr></thead><tfoot></tfoot><tr><td>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</td></tr></table></td>
  </tr>
  <tr>
    <td><table class="zebra"><thead><tr><th>Window Title</th></tr></thead><tfoot></tfoot><tr><td>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</td></tr></table></td>
  </tr>
  <tr>
    <td><table class="zebra"><thead><tr><th>Window Title</th></tr></thead><tfoot></tfoot><tr><td>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</td></tr></table></td>
  </tr>
</table>


<br>
   

</body>
</html>

thank you
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #7 on: July 31, 2012, 12:40:18 am »
I was not 100% sure how you want it. But i'm glad you could use it, i'm looking forward to see the final result.
« Last Edit: July 31, 2012, 08:57:49 am by Narraz »
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #8 on: July 31, 2012, 01:26:29 am »
here is a screen shot of it in action


please help with the testing if you have time
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #9 on: July 31, 2012, 08:57:24 am »
Sure i would like to test it out. But i cant see the screen shot?
« Last Edit: July 31, 2012, 11:50:29 am by Phage »
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #10 on: July 31, 2012, 12:07:35 pm »
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #11 on: July 31, 2012, 03:37:26 pm »
Yes i can, looks great. Which language are you writing it in?
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."

Offline bubzuru

  • Knight
  • **
  • Posts: 395
  • Cookies: 21
  • everything is contained in the data
    • View Profile
    • New School Tools
Re: HTML\CSS Help
« Reply #12 on: July 31, 2012, 05:19:44 pm »
its in C# here is the link to the test thread , download will be updated today
Damm it feels good to be gangsta
http://bubzuru.comule.com

Offline Phage

  • VIP
  • Overlord
  • *
  • Posts: 1280
  • Cookies: 120
    • View Profile
Re: HTML\CSS Help
« Reply #13 on: July 31, 2012, 06:06:11 pm »
As i thought. I do know what is happening but i can not see the link?
"Ruby devs do, in fact, get all the girls. No girl wants a python, but EVERY girl wants rubies" - connection

"It always takes longer than you expect, even when you take into account Hofstadter’s Law."