inherit
261222
0
May 24, 2020 18:51:19 GMT -8
lilforceghost
2
May 2020
lilforceghost
|
Post by lilforceghost on May 22, 2020 10:37:33 GMT -8
Hello! I'll do my best to explain what I'm trying to do. If Im not making sense, please inquire below. Okay, so I have this code I'm working on for a posting template. I have the code, tweaked the code, etc. I am trying to make the red/blue chat bubbles with photo/name separated from the code. Preview below:  When I go into the code (posted below) it doesn't show any images posted/places for the links of the photo. If anyone can help, I'd appreciate it. The only place there is a spot for one of the images is at the top and that isn't correct.. Thanks! |
|
inherit
261222
0
May 24, 2020 18:51:19 GMT -8
lilforceghost
2
May 2020
lilforceghost
|
Post by lilforceghost on May 24, 2020 8:25:25 GMT -8
Okay, so I figured *some* stuff out since posting this. So I removed my coding from above and just need to figure out one thing. (If anyone knows and would like to help, It's much appreciated.) So, I got the code directed like I wanted but now I cannot figure out how to change the photo in it. The link for the photo has disappeared and it's stuck on the one photo when the code is entered in online. If anyone knows and would like to help, once again, code is below. Many thanks.   ^ This is what it should look like but with an option to change the photo icon. (Which is what I can't find/add to the code below) [dohtml]
</html>
<style>
.mysteries-image-hold {
position: relative;
}
.mysteries-image-hold:after {
background: rgb(42,42,42);
background: linear-gradient(0deg, rgba(42,42,42,1) 0%, rgba(0,212,255,0) 100%);
content:"";
position: absolute;
bottom: 0px;
height: 400px;
width: 450px;
left: 0px;
}
.mysteries-inner {
padding: 60px;
color: #ccc;
font-family: martel sans;
font-size: 11px;
text-align: justify;
line-height: 180%;
}
.mysteries-lyrics {
position: absolute;
padding: 0 30px;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
margin-top: -70px;
z-index: 2;
color: #eee;
}
.mysteries-lyrics b, .mysteries-lyrics-bottom b {
font-weight: 900;
letter-spacing: 3px;
color: #fff;
}
.mysteries-lyrics span {
position: absolute;
font-size: 100px;
z-index: 1;
color: #ccc;
top: -22px;
width: 450px;
font-weight: 700;
letter-spacing: 0px;
line-height: 80%;
opacity: 0.2;
text-align: left;
left: -2px;
}
.mysteries-lyrics-bottom {
position: relative;
font-family: martel sans;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
z-index: 2;
color: #ffffff;
text-align: right;
display: inline-block;
margin-bottom: 30px;
margin-right: 30px;
float: right;
}
.mysteries-inner::first-letter {
float: left;
font-size: 80px;
display: inline-block;
padding: 10px;
padding-top: 40px;
color: #fff;
}
</style>
<div class="mysteries-inner">
<style type="text/css">
.bubbleright {
position:relative;
padding: 10px;
background: #EE9CB4;
margin: 5px 5px;
max-width: 250px;
left: 60px;
}
.bubbleleft{
position:relative;
left: 20px;
padding: 10px;
background: #1a8cff;
margin: 5px 5px;
max-width: 250px;
}
.bubbleleft:before{
position:absolute;
content: "";
top:15px;left:-10px;
border-width: 10px 15px 10px 0px;
border-color: transparent #1a8cff;
border-style: solid;
}
</style>
<right>
<!DOCTYPE html>
<left<html>
<body>
</body>
</html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
<style>
body {
font-family: ' Abel';font-size: 80px;
}
</style>
</head>
<body>
</body>
</html>
</right>
<div class="bubbleleft">
Phasellus eu rutrum ipsum, at volutpat quam. Morbi non pellentesque neque. Donec at dapibus tellus, sit amet sollicitudin mi.
</div>
<!DOCTYPE html>
<left<html>
<body>
<!DOCTYPE html>
<left<html>
<body>
</body>
</html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Archivo Black' rel='stylesheet'>
<style>
body {
font-family: 'Archivo Black';font-size: 30px;
}
</style>
</head>
<body>
</body>
</html>
</body>
</html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Archivo Black rel='stylesheet'>
<style>
body {
font-family: 'Archivo Black';font-size: 19px;
}
</style>
</head>
<body>
</body>
</html>
<style type="text/css">
.bubbleright {
position:relative;
padding: 10px;
background: #e60000;
margin: 5px 5px;
max-width: 250px;
left: 60px;
}
.bubbleright:after{
position:absolute;
content: "";
top:15px;right:-10px;
border-width: 10px 0 10px 15px;
border-color: transparent #e60000;
border-style: solid;
}
</style>
</div>
[/dohtml] |
|
inherit
252032
0
Apr 26, 2024 23:51:41 GMT -8
Retread
Tribbial Pursuit.
5,017
January 2018
retread
|
Post by Retread on May 24, 2020 9:19:37 GMT -8
lilforceghost, dohtml is not a valid BBCode tag in the ProBoards posting environment. If you're using jcink (or some other service), you should use their support system.
|
|
Guitarnutz2