Page 1 of 2

Creating a Headline Banner

Posted: 2020-04-13 20:08
by kanklovitch
Hi Guys
Is there anyway to put the purpose of my application up top where the arrow is or perhaps just below it?

Re: Creating a Headline Banner

Posted: 2020-04-14 00:28
by xbox2007
hello ,,, you want something like that
Screenshot_2020-04-14 New Db Homepage.png
Screenshot_2020-04-14 New Db Homepage.png (56.48 KiB) Viewed 9071 times

Re: Creating a Headline Banner

Posted: 2020-04-14 01:09
by kanklovitch
That is amazing but not quite. Just a straight foreword bold Headline you would see in a newspaper. Sorry I didn't mean banner, I meant headline.

Re: Creating a Headline Banner

Posted: 2020-04-14 01:28
by xbox2007
i know , what you mean , i just give sample

i tell you what i did you can follow , ,,,

i use simple way .,,, but i think there are professional way

i add this code on Home.php

Code: Select all

<center><h1>Welcome to My APP i Hope You Enjoy</h1></center>
home.png
home.png (23.61 KiB) Viewed 9065 times
Screenshot_2020-04-14 New Db Homepage(1).png
Screenshot_2020-04-14 New Db Homepage(1).png (30.76 KiB) Viewed 9065 times
you can also create Php file and Add Html Code , then use (( i was Create panel.php )

Code: Select all

include_once("$currDir/panel.php");

Re: Creating a Headline Banner

Posted: 2020-04-14 01:31
by kanklovitch
Thanks very much, I will work on this tomorrow, I really appreciate your help.

Re: Creating a Headline Banner

Posted: 2020-04-14 01:48
by xbox2007
also you can Add this code to header-extras.php

Code: Select all

<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>
	<center><h1>Welcome to My APP i Hope You Enjoy</h1></center>
<?php } ?>

Re: Creating a Headline Banner

Posted: 2020-04-14 01:50
by kanklovitch
Thanks I will let you know how it goes tomorrow, you are so helpful, I really appreciate that.

Re: Creating a Headline Banner

Posted: 2020-04-14 15:38
by kanklovitch
Hey Mr xbox, that worked, that is so easy, it is so much clearer to see what my app does at a glace. I will be forever grateful to you Sir!

Re: Creating a Headline Banner

Posted: 2020-04-14 20:27
by xbox2007
you always welcome , we are here learn from each other

Re: Creating a Headline Banner

Posted: 2020-04-14 21:04
by kanklovitch
Perfect!

Re: Creating a Headline Banner

Posted: 2020-04-15 12:49
by kanklovitch
Good morning Smart Guy
Is there a way to raise the text a little and tighten up the gap between the two line?

Thank you

Re: Creating a Headline Banner

Posted: 2020-04-15 19:19
by xbox2007

Code: Select all

<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>
<style>
div.a {
	font-size: 30Px;
    text-align: center;
    color: blue;
}

div.b {
  font-size: 30Px;
  text-align: center;
  color: Red;
}
</style>

<body>
<div class="a">AppGini helps you develop responsive web database applications instantly</div>
<div class="b">You do not need to have any programming background to use it</div>
</p>
<?php } ?>
Screenshot_2020-04-15 New Db Homepage.png
Screenshot_2020-04-15 New Db Homepage.png (64.1 KiB) Viewed 8964 times

Re: Creating a Headline Banner

Posted: 2020-04-15 19:24
by D Oliveira
xbox2007 wrote:
2020-04-15 19:19

Code: Select all

<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>
<style>
div.a {
	font-size: 30Px;
    text-align: center;
    color: blue;
}

div.b {
  font-size: 30Px;
  text-align: center;
  color: Red;
}
</style>

<body>
<div class="a">AppGini helps you develop responsive web database applications instantly</div>
<div class="b">You do not need to have any programming background to use it</div>
</p>
<?php } ?>
Screenshot_2020-04-15 New Db Homepage.png
you can definitely play with HTML and css for design customization, my suggestion tho, is to make killer design with adobe illustrator export .png file and avoid using .css , just <img/> tag and be happy =D (easier to apply fonts, customizations, margins, etc)

Re: Creating a Headline Banner

Posted: 2020-04-15 19:42
by xbox2007
thanks a lot for your care and Information
D Oliveira wrote:
2020-04-15 19:24
you can definitely play with HTML and css for design customization, my suggestion tho, is to make killer design with adobe illustrator export .png file and avoid using .css , just <img/> tag and be happy =D (easier to apply fonts, customizations, margins, etc)
i try use simple things as much i can , i don't have adobe illustrator
that why i use special Div on Style ( Div.a and Div.b) i think in AppGini no style have ( Div.a and Div.b)

thanks a lot

Re: Creating a Headline Banner

Posted: 2020-04-15 19:49
by kanklovitch
Hi Guys
I like that suggestion, I work with Corel Draw, I will work on that tonight>

Re: Creating a Headline Banner

Posted: 2020-04-16 13:29
by kanklovitch
Hi Guys
This is what I ended up with and for now I am very happy with the result. My only concern for the future is by specifying the font in pixel size will it be scalable on all devices.

Re: Creating a Headline Banner

Posted: 2020-04-16 18:16
by xbox2007
try this

Code: Select all

<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>

<style>
	div.a {
		font-size: 30px;
		text-align: center;
		color: blue;
	}

	div.b {
	  font-size: 30px;
	  text-align: center;
	  color: Red;
	}

	@media screen and (max-width: 600px) {
	  div.a , div.b {
		font-size: 15px;
	  }
	}
	</style>

<body>
<div class="a">AppGini helps you develop responsive web database applications instantly</div>
<div class="b">You do not need to have any programming background to use it</div>
</p>
<?php } ?>


Re: Creating a Headline Banner

Posted: 2020-04-16 18:49
by kanklovitch
Yes thanks very much Mr. Xbox, you already are a Super Hero. I am very happy with the result, I changed the text to orange so it works better with the buttons.

Re: Creating a Headline Banner

Posted: 2020-04-16 19:01
by kanklovitch
Oppps I got a problem the text shows up big in the information boxes now.

Re: Creating a Headline Banner

Posted: 2020-04-16 19:05
by xbox2007
please send me your Code ,

Re: Creating a Headline Banner

Posted: 2020-04-16 19:08
by kanklovitch
<script src="hooks/AppGiniHelper.min.js"></script>


<?php

/*Creating tabs */
?>
<script>
prependIcons();
function prependIcons() { $j(function() { prependIcon('username', 'user'); prependIcon('password', 'lock'); }); }
function prependIcon(name, icon = "cog") { var f = $j("#" + name); var fg = f.closest(".form-group"); fg.prepend(jQuery('<div class="input-group"/>').prepend($j('<div class="input-group-addon">').append($j("<i/>").addClass('glyphicon glyphicon-' + icon))).append(f)); fg.prepend($j('label[for="' + name + '"]')); }
</script>

<?php

/* Headline on home page */
?>



<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>
<style>
div.a {
font-size: 20Px;
text-align: center;
color: blue;
}

div.b {
font-size: 20Px;
text-align: center;
color: Red;
}
</style>

<body>
<div class="a"><B>The really BIG question - why would anyone want to visit, shop or live in your community</B></div>
<div class="b"><B>Help callKenny answer that question by entering information about your community.</B></div>
</p>
<?php } ?>

Re: Creating a Headline Banner

Posted: 2020-04-16 19:41
by xbox2007
i use code on my app

Code: Select all

<script src="hooks/AppGiniHelper.min.js"></script>


<?php

/*Creating tabs */
?>
<script>
prependIcons();
function prependIcons() { $j(function() { prependIcon('username', 'user'); prependIcon('password', 'lock'); }); }
function prependIcon(name, icon = "cog") { var f = $j("#" + name); var fg = f.closest(".form-group"); fg.prepend(jQuery('<div class="input-group"/>').prepend($j('<div class="input-group-addon">').append($j("<i/>").addClass('glyphicon glyphicon-' + icon))).append(f)); fg.prepend($j('label[for="' + name + '"]')); }
</script>

<?php

/* Headline on home page */
?>



<?php $is_homepage = (basename($_SERVER['PHP_SELF']) === 'index.php' && !isset($_REQUEST['signIn'])); if ($is_homepage) { ?>
	<style>
		div.a {
		font-size: 20px;
		text-align: center;
		color: blue;
		}

		div.b {
		font-size: 20px;
		text-align: center;
		color: Red;
		}
		
		@media screen and (max-width: 600px) {
		  div.a , div.b {
			font-size: 15px;
		  }
		}
	</style>

<body>
<div class="a"><b>The really BIG question - why would anyone want to visit, shop or live in your community</b></div>
<div class="b"><b>Help callKenny answer that question by entering information about your community.</b></div>
</p>
<?php } ?>
this is result when mobile size
Screenshot_2020-04-16 New Db Homepage.png
Screenshot_2020-04-16 New Db Homepage.png (13.06 KiB) Viewed 8892 times

Re: Creating a Headline Banner

Posted: 2020-04-16 20:32
by kanklovitch
Yes perfect, I made a mistake on the last change. This is working exactly what I want. Many thanks my friend.

Re: Creating a Headline Banner

Posted: 2020-04-16 21:20
by xbox2007
you Always Welcome

Re: Creating a Headline Banner

Posted: 2020-04-17 13:47
by patsd102
Many thanks for this,
Just wanted users to know it also works with scrolling text

http://11metereqsl.xyz/11metereqsl.xyz/index.php