Anyone who knows CSS have a spare 10 mins?

2008-12-09 15:08:15

#26

jsnipy: ...; +3,277|6788|...

White-Fusion wrote:
Here is the page.

And when I press preview it's the same as the previous picture I posted.

http://i93.photobucket.com/albums/l70/W … led-25.png

paste the html output

2008-12-09 15:35:09

#27

White-Fusion: Fuck; +616|6817|Scotland

When you press preview you get the same image I posted before. And when you click send it's the same, but for real. Like a real blog on my page.

2008-12-09 15:37:34

#28

CrazeD: Member; +368|6938|Maine

White-Fusion wrote:
When you press preview you get the same image I posted before. And when you click send it's the same, but for real. Like a real blog on my page.

jsnipy wrote:
White-Fusion wrote:
Here is the page.

And when I press preview it's the same as the previous picture I posted.

http://i93.photobucket.com/albums/l70/W … led-25.png
paste the html output

2008-12-09 15:38:38

#29

White-Fusion: Fuck; +616|6817|Scotland

I'm sorry, I don't understand. What do you want? is the html output the picture I posted before in this topic?

2008-12-09 15:40:23

#30

CrazeD: Member; +368|6938|Maine

View > page source > copy/paste

2008-12-09 15:40:41

#31

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

White-Fusion wrote:
Here is the page.

And when I press preview it's the same as the previous picture I posted.

http://i93.photobucket.com/albums/l70/W … led-25.png

.journalbox
{
background-position: center center;
background-image: url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif');
width: 443px;
height: 228px;
background-repeat: repeat;
}

Last edited by Scorpion0x17 (2008-12-09 15:41:29)

2008-12-09 15:42:54

#32

White-Fusion: Fuck; +616|6817|Scotland

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>deviantART</title>
<meta name="verify-v1" content="xHYJW0cEtRdhAicVqe2GPsC8jdR8UR5Ofwl/fIDPPe8=" />
<script type="text/javascript">
function vms_feature(feature) {
return (feature in {'':1});
}
</script>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="copyright" content="Copyright 2008 deviantART" />
<link rel="stylesheet" type="text/css" href="http://st.deviantart.com/css/v6core.css?-8651979358" media="Screen,Projection,TV" />
<link rel="stylesheet" type="text/css" href="http://st.deviantart.com/css/v6extra.css?2409537078" media="Screen,Projection,TV" />
<style type="text/css">
/* begin custom journal css */
body.deviant div.bubbleview div.journalcontrol#journal-0 .journalbox {
background-position:center center;
background-image:url(http://i93.photobucket.com/albums/l70/W … ed-1-1.gif);
height:228;
background-repeat:no-repeat;
}
body.deviant div.bubbleview div.journalcontrol#journal-0 .journalbox .journaltop h2 {
background:#000000 url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif') center center no-repeat;
color:#000000;
text-align:center;
font-variant:normal;
font-weight:normal;
}
/* end custom journal css */
#top, #depths {
display:none !important;
}
div.bubbleview {
margin:0 !important;
}
div.bubbleview div.catbar {
margin-left:-15px !important;
margin-right:-15px !important;
border-left:0 !important;
border-right:0 !important
}

</style>

<link href="http://st.deviantart.com/icons/favicon.ico" rel="icon"/>
<![if ! IE]>
<link href="http://i.deviantart.com/icons/favicon.png" rel="shortcut icon"/>
<![endif]>
<link href="http://st.deviantart.com/minish/widgets/apple-touch-icon-lg.png" rel="apple-touch-icon"/>
<script type="text/javascript">
if (!window.deviantART) deviantART = {};deviantART.deviant = {"loggedIn":true,"browseShadows":true,"username":"White-Fusion","symbol":"=","usericon":"10","id":"8782120","gender":"m","age":18,"subbed":true,"browseadult":true};
deviantART.pageData=[]
</script>
</head>
<body id="deviantART-squish" class="deviant squish">
<div id="world">
<div id="output">
<div class="bubbleview h" id="deviant"><div class="journalcontrol journalcontrol-v5" style="position:relative;overflow:hidden;_width:100%" id="journal-0"><div class="journalbox box">
<div class="boxtop journaltop">
<h2>
<img src="http://st.deviantart.com/minish/gruzecontrol/icons/journal.gif" style="vertical-align:middle" alt=""/>Devious Journal Entry </h2>

Journal Entry: <span title="0s ago">Tue Dec 9, 2008, 11:42 PM</span>
</div><div class="text pp journaltext"><keeper for="Smoothie.thumbs"></keeper><smoothie q="journal:0 by:my" qx="0" label="Journal: Devious Journal Entry" offset="0"></smoothie><br /><br /></div> <div class="c ppb alink journalbottom">
<a class="commentslink" href="#">No Comments</a>
<span class="hsep"> | </span><a class="prevlink" href="#">Previous Journal Entries</a> </div>
</div></div></div></div>

</div>
<script type="text/javascript" src="http://st.deviantart.com/css/v6core_jc.js?4643189935"></script>
<a id="deviantART-loves-you"> </a>

<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">
if (self.quantserve){
_qacct="p-915Y6SMHQQJHI";
quantserve();
}
</script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-915Y6SMHQQJHI.gif" style="display: none" height="1" width="1" alt="Quantcast"/>
</noscript>

<script src="http://www.google-analytics.com/ga.js" type="text/javascript">
</script><script type="text/javascript">
if (typeof(window._gat) !== undefined) {
var pageTracker = _gat._getTracker("UA-322734-1");
pageTracker._setDomainName("deviantart.com");
pageTracker._initData();
pageTracker._trackPageview();

}
</script>

<script type="text/javascript">
if (self.pageTracker) {
var activeVars = "_LoggedIn_JoinTest_OfferTest_mx_";
var userVars = "_LoggedIn-Y_";
var docCookie=""+document.cookie;
var googIndex=docCookie.indexOf('__utmv');
var googVar = "";
var newGoogVar = "";
var changed = false;

if (googIndex >= 0) {
var googIndexEnd = docCookie.indexOf(';', googIndex);
if (googIndexEnd < 0) {
googIndexEnd = docCookie.length;
}
googIndex += 7; // Get rid of cookie's name
var googCookie = docCookie.substring(googIndex, googIndexEnd);
googVar = googCookie.replace(/^[0-9]*\./, ""); // Cookie is a bunch of numbers and a period at the beginning, get rid of those
}
var pairList = googVar.split("_");

// Remove non-active vars
for (var i=0; i<pairList.length; i++) {
var pair = pairList[i];
if (pair.length < 1) {
continue;
}
var nameValPair = pair.split("-");
if (activeVars.indexOf("_" + nameValPair[0] + "_") < 0) {
changed = true;
} else {
// In cookie multiple times (ignore it)
if (newGoogVar.indexOf("_" + nameValPair[0] + "-") >= 0) {
changed = true;

// In cookie, but not in user vals
} else if (userVars.indexOf("_" + nameValPair[0] + "-") < 0) {
newGoogVar += "_" + pair;

} else {
// Value Changed
if (userVars.indexOf("_" + pair + "_") < 0) {
changed = true;
var pattern = new RegExp("_"+ nameValPair[0] + "\\-.*_");
var newPair = userVars.match(pattern)[0].replace("_", "");
userVars = userVars.replace(pattern, "_");
newGoogVar += "_" + newPair;

// Same in cookie and user vals
} else {
newGoogVar += "_" + pair;
var pattern = new RegExp("_"+pair.replace(/\-/,"\\-")+"_");
userVars = userVars.replace(pattern, "_");
}
}
}
}
if (!newGoogVar.match(/^_/)) {
newGoogVar = "_"+newGoogVar;
}
if (!newGoogVar.match(/_$/)) {
newGoogVar = newGoogVar+"_";
}
if (userVars.length > 1) {
changed = true;
if (newGoogVar.length < 1) {
newGoogVar = userVars;
} else {
newGoogVar = newGoogVar.replace(/^_/, userVars);
}
}
if (changed) {
pageTracker._setVar(newGoogVar);
}
}
</script>
<div style="position:absolute;top:0;left:0;width:1px;height:1px"><script type="text/javascript" src="http://deviantart.crwdcntrl.net/cc.js">
</script>
<script type="text/javascript">
if (self.LOTCC) {
LOTCC.domain="deviantart.crwdcntrl.net";
LOTCC.client="41";
LOTCC.add("gen", "Male");
LOTCC.add("age", "18");
LOTCC.bcp();
}
</script></div></body>
</html>

2008-12-09 15:43:25

#33

CrazeD: Member; +368|6938|Maine

Scorpion0x17 wrote:
White-Fusion wrote:
Here is the page.

And when I press preview it's the same as the previous picture I posted.

http://i93.photobucket.com/albums/l70/W … led-25.png
.journalbox
{
background-position: center center;
background-image: url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif');
width: 443px;
height: 228px;
background-repeat: repeat;
}

Also, you don't have px on height. Some browsers don't like that.

2008-12-09 15:57:34

#34

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

CrazeD wrote:
Scorpion0x17 wrote:
White-Fusion wrote:
Here is the page.

And when I press preview it's the same as the previous picture I posted.

http://i93.photobucket.com/albums/l70/W … led-25.png
.journalbox
{
background-position: center center;
background-image: url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif');
width: 443px;
height: 228px;
background-repeat: repeat;
}
Also, you don't have px on height. Some browsers don't like that.

Those browsers can go f' themselves, afaic, the standard says height takes either a length value, a percentage value or the keywords 'auto' or 'inherit'.

Percentage values always have the suffix of '%' and length values have various suffixes, depending on the type of length it is, but should be 'px' if it's pixels.

Finally, and most importantly, length values MAY NOT have no suffix at all.

2008-12-09 16:13:27

#35

White-Fusion: Fuck; +616|6817|Scotland

I have no knowledge of CSS so I am a bit lost, what should I try now?

Thanks for all your help so far guys.

2008-12-09 16:55:22

#36

CrazeD: Member; +368|6938|Maine

Scorpion0x17 wrote:
CrazeD wrote:
Scorpion0x17 wrote:

Also, you don't have px on height. Some browsers don't like that.
Those browsers can go f' themselves, afaic, the standard says height takes either a length value, a percentage value or the keywords 'auto' or 'inherit'.

Percentage values always have the suffix of '%' and length values have various suffixes, depending on the type of length it is, but should be 'px' if it's pixels.

Finally, and most importantly, length values MAY NOT have no suffix at all.

No, I meant his didn't have a 'px'. I was agreeing with your width assessment.

EDIT:

White-Fusion wrote:
I have no knowledge of CSS so I am a bit lost, what should I try now?

Thanks for all your help so far guys.

Add width:443px; and add 'px' to the height declaration.

Last edited by CrazeD (2008-12-09 16:56:48)

2008-12-09 17:19:23

#37

White-Fusion: Fuck; +616|6817|Scotland

I added it, and it gives me the same thing... god damn it, how do people manage to add multiple pictures, and add in different fonts and sizes and bolds and competitions and millions of other stuff. All I want to do is display one picture =/

.journalbox
{
background-position: center center;
background-image: url(http://i93.photobucket.com/albums/l70/W … ed-1-1.gif);
width:443px
height:228px;
background-repeat: no-repeat;
}
.journalbox .journaltop h2 {
background: #000000 url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif') center center no-repeat;
color:#000000;
text-align: center;
font-variant: normal;
font-weight: normal;
}

2008-12-09 17:21:31

#38

CrazeD: Member; +368|6938|Maine

White-Fusion wrote:
I added it, and it gives me the same thing... god damn it, how do people manage to add multiple pictures, and add in different fonts and sizes and bolds and competitions and millions of other stuff. All I want to do is display one picture =/

.journalbox
{
background-position: center center;
background-image: url(http://i93.photobucket.com/albums/l70/W … ed-1-1.gif);
width:443px
height:228px;
background-repeat: no-repeat;
}
.journalbox .journaltop h2 {
background: #000000 url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif') center center no-repeat;
color:#000000;
text-align: center;
font-variant: normal;
font-weight: normal;
}

You missed a ;

2008-12-09 17:27:21

#39

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

CrazeD wrote:
White-Fusion wrote:
I added it, and it gives me the same thing... god damn it, how do people manage to add multiple pictures, and add in different fonts and sizes and bolds and competitions and millions of other stuff. All I want to do is display one picture =/

.journalbox
{
background-position: center center;
background-image: url(http://i93.photobucket.com/albums/l70/W … ed-1-1.gif);
width:443px;
height:228px;
background-repeat: no-repeat;
}
.journalbox .journaltop h2 {
background: #000000 url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif') center center no-repeat;
color:#000000;
text-align: center;
font-variant: normal;
font-weight: normal;
}
You missed a ;

And some quote marks.

Last edited by Scorpion0x17 (2008-12-09 17:27:42)

2008-12-09 17:29:34

#40

White-Fusion: Fuck; +616|6817|Scotland

Ok I have it now, I'll need to work out myself how to get what I aim for, which is in the second picture. Thanks guys!

https://i93.photobucket.com/albums/l70/White-Fusion/untitled-26.png

https://i93.photobucket.com/albums/l70/White-Fusion/untitled2-1.png

2008-12-09 17:41:27

#41

jsnipy: ...; +3,277|6788|...

sorry i went away, glad you got sorted.

2008-12-09 17:46:46

#42

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

White-Fusion wrote:
Ok I have it now, I'll need to work out myself how to get what I aim for, which is in the second picture. Thanks guys!

http://i93.photobucket.com/albums/l70/W … led-26.png

http://i93.photobucket.com/albums/l70/W … led2-1.png

1. Download and install (if you don't already have it) FireFox.
2. Download and install FireBug (FF add-on).
3. Profit.

2008-12-09 17:49:31

#43

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

@snipy: actually I do - I just hate browser incompatibility - in fact, because I (well, am trying to) do it for a living, I hate browser incompatibility.

Spoiler (highlight to read):
@others: see my karma...

Last edited by Scorpion0x17 (2008-12-09 17:50:26)

2008-12-09 18:15:02

#44

jsnipy: ...; +3,277|6788|...

Scorpion0x17 wrote:
@snipy: actually I do - I just hate browser incompatibility - in fact, because I (well, am trying to) do it for a living, I hate browser incompatibility.

Spoiler (highlight to read):
@others: see my karma...

interesting, good luck with that
Spoiler (highlight to read):
I already knew... you told me

Last edited by jsnipy (2008-12-09 18:17:32)

2008-12-09 18:19:12

#45

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

jsnipy wrote:
Scorpion0x17 wrote:
@snipy: actually I do - I just hate browser incompatibility - in fact, because I (well, am trying to) do it for a living, I hate browser incompatibility.

Spoiler (highlight to read):
@others: see my karma...
interesting, good luck with that
Spoiler (highlight to read):
I already knew... you told me

hence the 'because'...

2008-12-09 18:19:51

#46

CrazeD: Member; +368|6938|Maine

Scorpion0x17 wrote:
CrazeD wrote:
White-Fusion wrote:
I added it, and it gives me the same thing... god damn it, how do people manage to add multiple pictures, and add in different fonts and sizes and bolds and competitions and millions of other stuff. All I want to do is display one picture =/

.journalbox
{
background-position: center center;
background-image: url(http://i93.photobucket.com/albums/l70/W … ed-1-1.gif);
width:443px;
height:228px;
background-repeat: no-repeat;
}
.journalbox .journaltop h2 {
background: #000000 url('http://i93.photobucket.com/albums/l70/White-Fusion/Untitled-1-1.gif') center center no-repeat;
color:#000000;
text-align: center;
font-variant: normal;
font-weight: normal;
}
You missed a ;
And some quote marks.

Quotes aren't required.

2008-12-09 18:30:51

#47

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

CrazeD wrote:
Scorpion0x17 wrote:
CrazeD wrote:

You missed a ;
And some quote marks.
Quotes aren't required.

you might be right there...

2008-12-09 18:42:05

#48

White-Fusion: Fuck; +616|6817|Scotland

From that second picture I posted, is there anyway to grab the CSS she used and edit it to to my own liking?

2008-12-09 18:47:10

#49

Scorpion0x17: can detect anyone's visible post count...; +691|7031|Cambridge (UK)

White-Fusion wrote:
From that second picture I posted, is there anyway to grab the CSS she used and edit it to to my own liking?

Scorpion0x17 wrote:
White-Fusion wrote:
Ok I have it now, I'll need to work out myself how to get what I aim for, which is in the second picture. Thanks guys!

http://i93.photobucket.com/albums/l70/W … led-26.png

http://i93.photobucket.com/albums/l70/W … led2-1.png
1. Download and install (if you don't already have it) FireFox.
2. Download and install FireBug (FF add-on).
3. Profit.

Also, which part of the 2nd picture are you thinking of?

2008-12-09 18:50:10

#50

White-Fusion: Fuck; +616|6817|Scotland

The right hand side, the journal entry.

Here is the link - http://lucias-tears.deviantart.com/

BF2S Forums Anyone who knows CSS have a spare 10 mins?

White-Fusion wrote:

White-Fusion wrote:

jsnipy wrote:

White-Fusion wrote:

White-Fusion wrote:

Scorpion0x17 wrote:

White-Fusion wrote:

CrazeD wrote:

Scorpion0x17 wrote:

White-Fusion wrote:

Scorpion0x17 wrote:

CrazeD wrote:

Scorpion0x17 wrote:

White-Fusion wrote:

White-Fusion wrote:

CrazeD wrote:

White-Fusion wrote:

White-Fusion wrote:

Scorpion0x17 wrote:

jsnipy wrote:

Scorpion0x17 wrote:

Scorpion0x17 wrote:

CrazeD wrote:

White-Fusion wrote:

CrazeD wrote:

Scorpion0x17 wrote:

CrazeD wrote:

White-Fusion wrote:

Scorpion0x17 wrote:

White-Fusion wrote:

Board footer