[ Patch Request ] Messaging Renovation

sekondairy · 11/11/2010, 07:18 AM

I was looking to see if anyone would know how to make this happen. I've played around in stylesheets through Internalz to change the look of a few apps to suit my taste and this time I was looking into completely changing the messaging app to have more of a look and fell of Get Answers. See below......
getanswers_2010-11-11_080541.png

From what I can tell they are just inline block displays like facebook comments and so on. I'm not concerned with the placement of the names and the current avatar setup on the original message app is fine, I was wondering if we can get this look including the transparency of the blocks. I would attempt but don't even know where to begin due to only having Internalz to play with. It seems that the line of code that states for an image URL can be changed to just use blocking could work, but what do I know, just an amateur.....

Thanks for any insight

mk3 · 11/12/2010, 06:48 PM

Good to see a fresh idea. Tired of everyone wanting to make it look just like the iPhone.

Garrett92C · 11/12/2010, 07:54 PM

I like that idea! If I wasn't so busy theming the Forums Beta app, I'd poke around a bit... I'm sure someone will stop in and help though

warlord9159 · 11/13/2010, 01:45 AM

Balloon_2.png

Balloon_3.png

chat-balloon-left-error.png

chat-balloon-right.png

chat-balloon-left.png

sekondairy · 11/13/2010, 06:41 AM

Quote:

Originally Posted by Garrett92C

I like that idea! If I wasn't so busy theming the Forums Beta app, I'd poke around a bit... I'm sure someone will stop in and help though

I'm a patient guy, besides I've been waiting for that specific project as well ... Forums Beta can use some color as well.

sekondairy · 11/13/2010, 07:47 AM

Quote:

Originally Posted by warlord9159

Attachment 53801

Attachment 53802

Attachment 53798

Attachment 53799

Attachment 53800

These are good and decided to use the white and blue pointer ones and they suit the iphone chat style well.

thanks

Garrett92C · 11/13/2010, 07:52 AM

Quote:

Originally Posted by sekondairy

I'm a patient guy, besides I've been waiting for that specific project as well ... Forums Beta can use some color as well.

It's pretty much finished. I'm just taking care of a few small issues and streamlining things.

Once I'm done, I'll need to contact the Dev and see what I can do about distribution.

Cantaffordit · 11/13/2010, 07:57 AM

send garrett a donation and that will help. Always good to support our homebrewing geniuses!

warlord9159 · 11/13/2010, 01:13 PM

Quote:

Originally Posted by sekondairy

These are good and decided to use the white and blue pointer ones and they suit the iphone chat style well.

thanks

are they transparent ?

sekondairy · 11/14/2010, 04:47 AM

Quote:

Originally Posted by warlord9159

are they transparent ?

Yes they are; however only around 10% or so..... Still nice without coding and I'm sure there is a line of code to give images some opacity .... Thanks again

warlord9159 · 11/14/2010, 07:15 AM

opacity:0.6;

(opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent.

This is the code you need

warlord9159 · 11/14/2010, 09:19 AM

NABRIL15 · 11/14/2010, 09:45 AM

warlord and sekoindairy---can we copy the png's you attached in previous posts to our phones? Or where you just showing us work in progress?

warlord9159 · 11/14/2010, 12:26 PM

Quote:

Originally Posted by NABRIL15

warlord and sekoindairy---can we copy the png's you attached in previous posts to our phones? Or where you just showing us work in progress?

Which One Do You Need ?

Garrett92C · 11/14/2010, 12:47 PM

Nice work so far...

warlord9159 · 11/14/2010, 01:02 PM

ty
setting it up without any images (trying

)

warlord9159 · 11/14/2010, 01:08 PM

{
width:320px;
padding:0px;
BACKGROUND-COLOR:BLUE; /**/
opacity: 0.4; /**/
}

Garrett92C · 11/14/2010, 01:21 PM

Quote:

Originally Posted by warlord9159

ty
setting it up without any images (trying

)

Now that sounds fun!!

Webkit CSS Properties

warlord9159 · 11/14/2010, 01:54 PM

.chat-entry.my-chat .chat-balloon {
width:320px;
padding:0px;
margin-left: -3px;
margin-right: 8px;
text-overflow: ellipsis;
word-wrap: break-word !important;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
BACKGROUND-COLOR: blue; /**/
opacity: 0.4; /**/
}

warlord9159 · 11/14/2010, 01:56 PM

Working on the margin
look at left and right in pic above

11/11/2010, 07:18 AM	#1 (permalink)
sekondairy Member Join Date: Oct 2009 Posts: 34 Likes Received: 0 Thanks: 17 Thanked 2 Times in 2 Posts	[ Patch Request ] Messaging Renovation I was looking to see if anyone would know how to make this happen. I've played around in stylesheets through Internalz to change the look of a few apps to suit my taste and this time I was looking into completely changing the messaging app to have more of a look and fell of Get Answers. See below...... getanswers_2010-11-11_080541.png From what I can tell they are just inline block displays like facebook comments and so on. I'm not concerned with the placement of the names and the current avatar setup on the original message app is fine, I was wondering if we can get this look including the transparency of the blocks. I would attempt but don't even know where to begin due to only having Internalz to play with. It seems that the line of code that states for an image URL can be changed to just use blocking could work, but what do I know, just an amateur..... Thanks for any insight
	Liked by

11/12/2010, 06:48 PM	#2 (permalink)
mk3 Member Join Date: Apr 2009 Location: GMT -8 Posts: 575 Likes Received: 1 Thanks: 333 Thanked 55 Times in 44 Posts	Good to see a fresh idea. Tired of everyone wanting to make it look just like the iPhone. __________________ Feedback & Feature Requests \| Palm USA "Abracadabra Holmes" -Cal Naughton, Jr.
	Liked by

11/12/2010, 07:54 PM	#3 (permalink)
Garrett92C Homebrew Developer Join Date: Jul 2011 Posts: 126 Likes Received: 68 Thanks: 43 Thanked 3,129 Times in 2,010 Posts	I like that idea! If I wasn't so busy theming the Forums Beta app, I'd poke around a bit... I'm sure someone will stop in and help though __________________ Twitter: @ChoorpStudios Like my work and want to donate? You can do so here.
	Liked by

11/13/2010, 01:45 AM	#4 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	Balloon_2.png Balloon_3.png chat-balloon-left-error.png chat-balloon-right.png chat-balloon-left.png __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page
	Liked by

11/13/2010, 07:57 AM	#8 (permalink)
Cantaffordit Moderator Join Date: Jan 2010 Posts: 15,150 Likes Received: 958 Thanks: 3,804 Thanked 3,911 Times in 2,777 Posts	send garrett a donation and that will help. Always good to support our homebrewing geniuses!
	Liked by

11/14/2010, 07:15 AM	#11 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	opacity:0.6; (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent. This is the code you need __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page
	Liked by

11/14/2010, 09:45 AM	#13 (permalink)
NABRIL15 Member Join Date: Sep 2009 Location: Miami, FL Posts: 640 Likes Received: 2 Thanks: 206 Thanked 4,294,967,295 Times in 40 Posts	warlord and sekoindairy---can we copy the png's you attached in previous posts to our phones? Or where you just showing us work in progress?
	Liked by

11/14/2010, 12:47 PM	#15 (permalink)
Garrett92C Homebrew Developer Join Date: Jul 2011 Posts: 126 Likes Received: 68 Thanks: 43 Thanked 3,129 Times in 2,010 Posts	Nice work so far... __________________ Twitter: @ChoorpStudios Like my work and want to donate? You can do so here.
	Liked by

11/14/2010, 01:02 PM	#16 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	ty setting it up without any images (trying ) __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page
	Liked by

11/14/2010, 01:08 PM	#17 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	{ width:320px; padding:0px; BACKGROUND-COLOR:BLUE; // opacity: 0.4; // } __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page
	Liked by

11/14/2010, 01:56 PM	#20 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	Working on the margin look at left and right in pic above __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page
	Liked by

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode