EvilZone
Programming and Scripting => Web Oriented Coding => : bubzuru July 30, 2012, 05:29:46 PM
-
i need help turning this into a fancy html\css table
(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
-
I would love to help, but i am not quite sure what you are meaning.
-
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 :(
-
Will it be able to run javascript? and do you have any colour requirements?
-
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)
-
something like this?
http://l2hack.com/test.html
-
yes that will do it with a few tweaks +1
here is the moded version
<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
-
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.
-
here is a screen shot of it in action
(http://s17.postimage.org/dxg3wdt9p/Untitled.png)
please help with the testing if you have time
-
Sure i would like to test it out. But i cant see the screen shot?
-
can you see this
http://s17.postimage.org/dxg3wdt9p/Untitled.png ?
-
Yes i can, looks great. Which language are you writing it in?
-
its in C# here is the link to the test thread , download will be updated today
-
As i thought. I do know what is happening but i can not see the link?